*{ padding: 0; margin: 0; } body{ background:url(images/tlo.gif); padding-top:10px; font:x-small Georgia,Serif; voice-family: "\"}\""; voice-family:inherit; font-size:12px; }/* cad0c3 */ #container { width: 850px; margin: auto; } #header{ background-image:url(images/spin2_01.gif); width:850px; height:182px; } #img{ background-image:url(images/spin2_02.gif); width:850px; height:14px; } #img1{ background:url(images/spin2_03.gif) repeat-y 70% 0; width:850px; } .img1a{ float:left; width:170px; } #img1b{ width:610px; float: left; } #img2{ background-image:url(images/spin2_04.gif); width:850px; height:19px; } .clear{ clear:both; } .nag{ font-size:15px; font-weight:bold; } hr{ border:1px black; border-style: outset; margin-bottom:6px; } .inf{ margin-top:15px; word-spacing:2px; }
wszystko jest ok tylko jak użyłem <table> i ul żeby wypisać ofertę firmy w 4 kolumnach (czy lepiej div?)
i tu mam problem że jak mam tą tabele z ul to lista a obok wypunktowane (kropki) mam poza tabelą.
Gdy wywaliłem z kodu
*{ padding: 0; margin: 0; }
tabelka wygląda ok
tylko porobiły się odstępy na stronie np. jak mam top strony i informacje to jest przerwa a potem dane... ;/
gdy dodałem to co jest w *{} do innych elementów styli strony poza body{} to nic nie dało