ďťż

[HTML i DIVY] Każdy Div w następnym wierszu

       

Podstrony


telcocafe

Robie szablon na divach ale jedna rzecz rozwala cały projekt. Grafie mam gotową. Pociąłem ją i próbuje wstawić do HTML. Dlaczego każdy DIV zjeżdża do nastepnej linijki? Oto fragment HTML:
<div id="layout"> <div id="top"> <div id="top-left"> </div> <div id="top-right"> <div id="top-right-left"> <div id="top-right-left-top"> </div> <div id="top-right-left-center"> <div id="top-right-left-center-1"> </div> <div id="top-right-left-center-2"> </div> <div id="top-right-left-center-3"> </div> <div id="top-right-left-center-4"> </div> <div id="top-right-left-down"> </div> </div> <div id="top-right-right"> </div> </div> </div> <div id="center"> <div id="center-left"> </div> <div id="center-center"> <div id="center-center-left"> </div> <div id="center-center-center"> <div id="center-center-center-1"> </div> <div id="center-center-center-2"> </div> </div> <div id="center-center-right"> </div> </div> <div id="center-right"> </div> </div> <div id="down"> </div> <div id="footer"> </div> </div>
i kod CSS:
#layout { width: 770px; height: 770px; } #top-left { width: 473px; height: 218px; background: url(images/image_01.jpg) fixed no-repeat; } #top-right { width: 297px; height: 218px; } #top-right-left { width: 255px; height: 218px; } #top-right-left-top { width: 255px; height: 54px; background: url(images/image_05.jpg) fixed no-repeat; } #top-right-left-center { width: 255px; height: 27px; } #top-right-left-center-1 { width: 131px; height: 27px; background: url(images/image_04.jpg) fixed no-repeat; } #top-right-left-center-2 { width: 31px; height: 27px; background: url(images/image_05.jpg) fixed no-repeat; } #top-right-left-center-3 { width: 39px; height: 27px; background: url(images/image_06.jpg) fixed no-repeat; } #top-right-left-center-4 { width: 54px; height: 27px; background: url(images/image_07.jpg) fixed no-repeat; } #top-right-left-down { width: 255px; height: 137px; background: url(images/image_08.jpg) fixed no-repeat; } #top-right-right { width: 42px; height: 218px; background: url(images/image_03.jpg) fixed no-repeat; }
Pomóżcie! Do tej pory robiłem wszystko na tabelach ale słyszałem, że divy są lepsze.
Użytkownik kuba1492 edytował ten post 08 kwiecień 2006, 16:56


:blink: co to jest :blink: kilkanaście divów? mniejsza o to. spróbuj wstawić do niektórch divów "float: left" w stylach. sprawia to że bloki "spływają" na lewoi nie prrzenoszą się do dołu.

Możesz też dać w ostateczności display: inline;

BTW:

<div="top-right-left-top"> W jakim to języku programowania?


Możesz też dać w ostateczności  display: inline;

BTW:
W jakim to języku programowania?

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.