ďťż
Podstrony
|
telcocafeWitam! Dopiero zaczynam przygodę z projektowaniem stron www i mam mały problem z prawą kolumną, która przesuwa się w dół z każdą linijką tekstu napisaną w środkowej części strony, w wyniku czego za każdym razem gdy coś dopiszę muszę "kontrować" tą kolumnę przez ustawianie marginesów. Proszę o pomocSCREEN STRONY Poniżej umieszczam zawartość pliku style.css body { font-family: Arial; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-image:url(images/1.jpg); } * {margin: 0px;padding: 0px;} p { padding: 0px 10px 10px 15px; display:block; color:#525757; font-family: Arial; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial; font-size: 11px; font-weight: bold; } #container { margin: 0px auto; text-align: left; width:1000px; } #header{ margin-top:10px; height:100px; width:1007px; text-align: center; background-image:url(images/header.jpg); background-repeat: no-repeat; } #content{ } #left{ margin-top:30px; width:200px; float:left; } #middle{ margin-top:20px; margin-left:210px; margin-right:210px; width:580px; } #right{ margin-top:-466px; width:200px; float:right; } /********************* menu ****************************/ .menuheader{ width:200px; height:20px; background-image:url(images/menutop.jpg); display:block; } .menucontent{ padding:25px; width:200px; background-image:url(images/menumiddle.jpg); padding-top:20px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial; font-size: 18px; font-weight: bold; } .menufooter{ width:200px; height:20px; background-image:url(images/menubottom.jpg); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* menu2 ****************************/ .menu2header{ width:200px; height:20px; background-image:url(images/post2top.jpg); display:block; } .menu2content{ width:200px; background-image:url(images/post2middle.jpg); padding-top:10px; background-repeat: repeat-y; }.menu2header h3{ padding: 10px 0px 0px 20px; font-family: Arial; font-size: 18px; font-weight: bold; } .menu2footer{ width:200px; height:20px; background-image:url(images/post2bottom.jpg); display:block; } .post2header,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ margin-top:10px; background-image:url(images/posttop.jpg); display:block; width:580px; height:20px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(images/postmiddle.jpg); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(images/postbottom.jpg); background-repeat: no-repeat; display:block; width:580px; height:20px; } .clear{ clear:both; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:center; text-align:center; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; text-align:center; } /********************* footer ****************************/ #footer{ width:; } #footer ul{ display:block; text-align:center; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial; font-size: 11px; font-weight: bold; text-align:center; width:; display:block; text-align:center; padding: 15px 0px; } P.S. Proszę również o ocenę wizualnej strony mojej strony ( :P ), co ewentualnie możnaby poprawić itp. Użytkownik Master Chief edytował ten post 11 styczeń 2008, 17:49 Powód edycji: poprawa bbcode. :) OK, udało mi się samemu dojść co jest nie tak (w pliku html umieściłem sekcję right przed middle, a nie jak było wcześniej za middle). Temat do zamknięcia |
|||
Sitedesign by AltusUmbrae. |