[HTML][CSS]Jak przesunąć te kreski?

[HTML][CSS]Jak przesunąć te kreski?

sebek1393 Zobacz profil	26.01.2009, 18:26:42 Post #1
Grupa: Zarejestrowani Postów: 7 Pomógł: 0 Dołączył: 21.01.2009 Ostrzeżenie: (0%)	Witam! Mam takie pytanie- jak przesunąć te pionowe zielone kreski do szerokości strony? Bo kombinuję już na chwilę, ale nie mogę nic wymyślić. Z góry dzięx Kod CSS: Kod /* THE BODY AND THE WRAPPER / body { font-size: 12px; background: #002200; margin: 0; padding: 10px; } #wrapper { width: 1200px; margin: 0 auto; } / TOP BAR AND THE HEADER / #top { background: #2F2000 url(images/topbar.png) top center no-repeat; width: 800px; height: 50px; } #header { background: url(images/header.png) top center no-repeat; width: 1200px; height: 100px; padding: 0px 0px 0px 0px; color: white; font-size: 24px; } / THE INSIDE WRAPPER, THE MENU, AND THE CONTENT / #contentwrapper { background: url(images/bgmiddle.png) top center repeat; width: 1190px; margin: 0 auto; text-align: center; padding: 5px 5px 100px 5px; } #menu { width: 200px; height: 20px; margin: 0px; float: left; } #menu li a { height: 35px; voice-family: "\"}\""; voice-family: inherit; height: 27px; text-decoration: none; font-weight: bold; } #menu li a:link, #menu li a:visited { color: lime; display: block; background: url(images/off.png); padding: 8px 0 0 10px; height: 27px; } #menu li a:hover { color: #0A2441; background: url(images/on.png); padding: 8px 0 0 10px; height: 27px; } ul { list-style: none; margin: 0; padding: 0; } #content { width: 1200px; height: 100%; text-align: left; margin: 3px 10px 10px 210px; color: white; } img { border: none; } p { background: url(images/paragraph.png) top left repeat; padding-left: 20px; } / THE FOOTER / #bottom { background: #2F2000 url(images/bottom.png) bottom center no-repeat; width: 1100px; height: 35px; padding: 15px 0px 0px 100px; color: lime; } #bottom a:link, #bottom a:visited { color: #FFF; } #bottom a:hover { color: LIME; } Kod strony: Kod <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[url="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd[/url]"> <html xmlns="[url="http://www.w3.org/1999/xhtml"]http://www.w3.org/1999/xhtml[/url]" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="style.css" /> <body link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF"> <div id="wrapper"> <div id="top" style="width: 1200px; height: 50px">  </div> <div id="header" style="width: 1200px; height: 77px">  </div> <div id="contentwrapper"> <div id="menu" style="width: 200px; height: 600px"> <br>  <ul> <li><a title="Strona główna" href="index.html">Strona główna</a></li> <li> <a title="Aktualności" target="I1" href="aktualnosci.htm">Aktualności</a></li> <li> <a title="Kierunki kształcenia" target="I1" href="kierunki_ksztalcenia.htm"> Kierunki kształcenia</a></li> <li> <a title="Nasz patron" target="I1" href="nasz_patron.htm"> Nasz patron</a></li> <li> <a title="Historia szkoły" target="I1" href="historia_szkoly.htm"> Historia szkoły</a></li> <li> <a title="Kadra Zespołu Szkół" target="I1" href="kadra_szkoly.htm"> Kadra Zespołu Szkół</a></li> <li> <a title="Obiekty szkolne" target="I1" href="obiekty_szkolne.htm"> Obiekty szkolne</a></li> <li> <a title="Życie szkoły w obiektywie" target="_blank" href="galeria/haslo.htm">Galeria</a></li> <li> <a title="Sukcesy szkoły" target="I1" href="sukcesy.htm"> Sukcesy szkoły</a></li> <li> <a title="Publikacje nauczycieli" target="I1" href="publikacje_nauczycieli.htm"> Publikacje nauczycieli</a></li> <li> <a title="Ogłoszenia i komunikaty" target="I1" href="ogloszenia.htm"> Ogłoszenia i komunikaty</a></li> <li> <a title="Szkolne koło PTTK" target="_blank" href="pttk/index.html"> Szkolne koło PTTK</a></li> <li> <a title="Plan lekcji" target="I1" href="plan_lekcji.htm"> Plan lekcji</a></li> <li><a title="Kontakt" target="I1" href="kontakt.htm"> Kontakt</a></li> </ul> </div> <script language=JavaScript> <!-- var message="Taa... Chcialoby sie :D"; /////////////////////////////////// function clickIE() {if (document.all) {alert(message);return false;}} function clickNS(e) {if (document.layers\|\|(document.getElementById&&!document.all)) { if (e.which==2\|\|e.which==3) {alert(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} // --> </script> <div style="position: absolute; width: 59px; height: 35px; z-index: 1; left: 1178px; top: 879px" id="layer9"> <script type='text/javascript' src='http://liczniki.org/hit.php?l=sebek1393&o=1'></script></div> <div id="content" style="width: 550px; height: 385px"> <div style="position: absolute; width: 746px; height: 29px; z-index: 2; left: 270px; top: 13px" id="layer2"> <font size="5"> <marquee scrollamount="10" scrolldelay="140"></marquee></font></div> </div> </div> <div id="bottom" style="width: 1100px; height: 35px">           <div style="position: absolute; width: 563px; height: 21px; z-index: 3; left: 344px; top: 867px" id="layer13">   Copyright 2008     Pomysł i wykonanie: <a >    </a> </div> </div> </div> </body> </html> Ten post edytował sebek1393* 4.03.2009, 16:27:38