Kod Strony:
<div id="strona"> <div id="naglowek"> <img src="images/portal_01.gif"/> </div> <div> <img src="images/portal_02.gif"/> <img src="images/portal_03.gif"/> <img src="images/portal_04.gif"/> <img src="images/portal_05.gif"/> <img src="images/portal_06.gif"/> <img src="images/portal_07.gif"/> </div> <div id="kolumnaLewa"> <div> <p class="style1"> <img src="images/portal_12.gif" class="l" /> </p> <ul id="witam" class="clearUl" > <li> <p class="style2"> Witam.... </p> </li> </ul> </div> <div> <p class="style1"> <img src="images/portal_19.gif" class="l" /> </p> <ul id="witam" class="clearUl" > <li> <p class="style2"> xxxxxxxxxxxxxxx </p> </li> </div> <div> <p class="style1"> <img src="images/portal_26.gif" class="l" /> </p> <ul id="witam" class="clearUl" > <li> <p class="style2"> xxxxxxxxxxxxxxxxx </p> </li> </div> <div> <p class="style1"> <img src="images/portal_29.gif" class="l" /> </p> <ul id="witam" class="clearUl" > <li> <p class="style2"> xxxxxxxxxx </p> </li> </div> </div> <div id="kolumnaPrawa">// w tej kolumnie jest coś nie tak <div>// div Reklama <p class="style2"> <img src="images/portal_14.gif"/> </p> <ul id="reklama" class="clearUl"> <li> <p class="style2"> Reklama </p> </li> </div> <div>// div Linki <p class="style2"> <img src="images/portal_23.gif"/> </p> <ul id="linki" class="clearUl"> <li> <p class="style2"> Linki </p> </li> </div> </div> <div id="stopka"> </div> </div>
Kod CSS
body { font: normal 11px tahoma, arial, sans-serif; line-height: 1.5; background: url(../images/portal_02.gif); margin: 0; color: #73716A; } *:focus { outline: none; } a:hover { text-decoration: none; } img { border: 0; } .clearUl { margin: 0; padding: 0; list-style: none; } } .r { float: right; } .l { float: left; } .lin { color: #000000; text-decoration: none } .lapka{ Cursor : Hand; } .style1 { line-height: 150%; margin-left: 30px; } .style2 { margin-left: 12px; } .style3 { margin-left: 12px; } #strona { margin : auto; padding : 0px; width : 850px; background: url(../images/portal_02.gif); } #naglowek { margin : 0px; border : none; padding : 0px; width : 850px; } #kolumnaLewa { width : 540px; float : left; } #kolumnaPrawa { width : 310px; clear : none; float : right; } #stopka { margin : 0px; border : none; width : 850px; clear : both; } #witam { height: 139px; width: 507px; right: 20px; margin-left: 30px; background: url('images/portal_17.gif'); } #reklama { background: url('images/portal_16.gif'); height: 184px; width: 259px; margin-left: 12px; } #linki { background: url('images/portal_24.gif'); height: 446px; width: 259px; margin-left: 12px; }