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;
}
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>
"[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>