Mam szablon: www.tom.dlk.pl/index.html
Newsbox jest ok, logo i submenu też. Ale dlaczego te menu(strona główna, oferta, forum) jest pod newsboxem, anie pod tym submenu(zolty kwadrat obok logo)?
style.css
Kod
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#main {
border:0px;
width:799px;
height:900px;
}
div#logo {
width:609px;
height:150px;
float:left;
}
div#submenu {
width:188px;
height:150px;
float:left;
padding-left:2px;
}
div#belka_duza {
width:609px;
height:30px;
float:left;
padding-top:2px;
}
div#belka_mala {
width:188px;
height:30px;
float:left;
padding-top:2px;
padding-left:2px;
}
div#news {
width:609px;
height:auto;
border:1px solid #cccccc;
float:left;
background-color:#fcfcfc;
}
div#menu {
width:188px;
height:auto;
border:1px solid #cccccc;
float:left;
padding-left:2px;
background-color:#fcfcfc;
}
div#menu_linki {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
float:inherit;
text-decoration:none;
margin-left:5px;
}
div#footer {
width:799px;
height:45px;
float:left;
}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
text-decoration:none;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
margin-top:2px;
padding-top: 2px;
}
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#main {
border:0px;
width:799px;
height:900px;
}
div#logo {
width:609px;
height:150px;
float:left;
}
div#submenu {
width:188px;
height:150px;
float:left;
padding-left:2px;
}
div#belka_duza {
width:609px;
height:30px;
float:left;
padding-top:2px;
}
div#belka_mala {
width:188px;
height:30px;
float:left;
padding-top:2px;
padding-left:2px;
}
div#news {
width:609px;
height:auto;
border:1px solid #cccccc;
float:left;
background-color:#fcfcfc;
}
div#menu {
width:188px;
height:auto;
border:1px solid #cccccc;
float:left;
padding-left:2px;
background-color:#fcfcfc;
}
div#menu_linki {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
float:inherit;
text-decoration:none;
margin-left:5px;
}
div#footer {
width:799px;
height:45px;
float:left;
}
p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:justify;
text-decoration:none;
margin-left:2px;
margin-right:2px;
margin-bottom:2px;
margin-top:2px;
padding-top: 2px;
}
inde.html
Kod
<div align="center">
<div id="main">
<div>
<div id="logo"><img src="cb/logo.jpg" alt="dlk.pl - zaspokój swoje potrzeby" title="dlk.pl - zaspokój swoje potrzeby" border="0"></div>
<div id="submenu"><img src="cb/submenu.jpg" alt="submenu, logowanie, pomoc techniczna" title="subemnu" border="0"></div>
</div>
<div>
<div id="belka_duza"><img src="cb/belka.jpg" alt="news, treść" title="news, aktualności" border="0"></div>
<div id="belka_mala"><img src="cb/belka_mini.jpg" alt="menu" title="menu" border="0"></div>
<div id="news">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div>
<div id="menu">
<div id="menu_linki">Strona główna</div>
<div id="menu_linki">Forum dyskusyjne</div>
<div id="menu_linki">Oferta</div>
<div id="menu_linki">Porównanie pakietów</div>
<div id="menu_linki">Kontakt</div>
<div id="menu_linki">Logowanie</div>
<div id="menu_linki">Polecamy</div>
</div>
<div id="belka_mala"><img src="cb/belka_mini.jpg" alt="menu" title="menu" border="0"></div>
<div id="menu">
<div id="menu_linki">Strona główna</div>
<div id="menu_linki">Forum dyskusyjne</div>
<div id="menu_linki">Oferta</div>
<div id="menu_linki">Porównanie pakietów</div>
<div id="menu_linki">Kontakt</div>
<div id="menu_linki">Logowanie</div>
<div id="menu_linki">Polecamy</div>
</div>
<div>
<div id="footer">Tu będzie stopka nr1. php, mysql ,perl, direct admin.</div>
</div>
<div>
<div id="footer">Tu będzie stopka nr1. php, mysql ,perl, direct admin.</div>
</div>
</div>
</div>
</div>
<div id="main">
<div>
<div id="logo"><img src="cb/logo.jpg" alt="dlk.pl - zaspokój swoje potrzeby" title="dlk.pl - zaspokój swoje potrzeby" border="0"></div>
<div id="submenu"><img src="cb/submenu.jpg" alt="submenu, logowanie, pomoc techniczna" title="subemnu" border="0"></div>
</div>
<div>
<div id="belka_duza"><img src="cb/belka.jpg" alt="news, treść" title="news, aktualności" border="0"></div>
<div id="belka_mala"><img src="cb/belka_mini.jpg" alt="menu" title="menu" border="0"></div>
<div id="news">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div>
<div id="menu">
<div id="menu_linki">Strona główna</div>
<div id="menu_linki">Forum dyskusyjne</div>
<div id="menu_linki">Oferta</div>
<div id="menu_linki">Porównanie pakietów</div>
<div id="menu_linki">Kontakt</div>
<div id="menu_linki">Logowanie</div>
<div id="menu_linki">Polecamy</div>
</div>
<div id="belka_mala"><img src="cb/belka_mini.jpg" alt="menu" title="menu" border="0"></div>
<div id="menu">
<div id="menu_linki">Strona główna</div>
<div id="menu_linki">Forum dyskusyjne</div>
<div id="menu_linki">Oferta</div>
<div id="menu_linki">Porównanie pakietów</div>
<div id="menu_linki">Kontakt</div>
<div id="menu_linki">Logowanie</div>
<div id="menu_linki">Polecamy</div>
</div>
<div>
<div id="footer">Tu będzie stopka nr1. php, mysql ,perl, direct admin.</div>
</div>
<div>
<div id="footer">Tu będzie stopka nr1. php, mysql ,perl, direct admin.</div>
</div>
</div>
</div>
</div>
Co jest źle?