Okej, rozumiem. Tak więc pokaże wam co zrobiłem, i prosiłbym was o poprawkę:
Kod HTML :
Zrobiłem specjalnie te BR żeby pokazać co się dzieje.
Kod CSS:
Chciałbym jeszcze umieścić drugi pasek menu.
Kod HTML :
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Mój blog zapraszam" />
<meta name="Keywords" content="manga, anime, akro" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="Author" content="q3d" />
<meta http-equiv="Reply-To" content="[email protected]" />
<meta http-equiv="Creation-Date" content="Thu, 25 Dec 2008 10:36:53 GMT" />
<meta name="Robots" content="all" />
<title>Marcin Blog</title>
<link rel="Shortcut icon" href="ikona_strony.ico" />
<link rel="Stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="strona">
<div id="logo"></div>
<div id="top"><img src="images/strona.png"><img src="images/galeria.png"><img src="images/artykuly.png"><img src="images/kontakt.png"><img src="images/rejestracja.png"><img src="images/reszta.png"></div>
<div id="srodek">
<div id="news">
<div id="naglowek"></div>
<div id="pole">tekst<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>a</div>
<div id="koniec"></div>
</div>
<div id="menu">
<div id="naglowek_menu"></div>
<div id="pole_menu"></div>
<div id="koniec_menu"></div>
</div>
<div id="okno"></div>
<div id="stopka"></div>
</div>
</div> <!-- koniec strony -->
</body>
</html>Zrobiłem specjalnie te BR żeby pokazać co się dzieje.
Kod CSS:
Kod:
body{
background-image:url(images/tlo.png);
background-repeat: repeat-x;
background-color:#6e6f6e;
margin: 0 auto;
margin-top : 5px;
width:1000px;
}
#strona{
margin: 0 auto;
width:853px;
}
#logo{
margin: 0 auto;
background-image:url(images/logo.png);
background-repeat: no-repeat;
width: 853px;
height: 228px;
}
#top{
width: 853px;
height:58px;
}
#srodek{
width:853px;
height:auto;
background-image:url(images/tlo2.png);
background-repeat: no-repeat;
background-color:#979696;
}
#news{
width:424px;
position:relative; top:30px;
position:relative; left:15px;
}
#naglowek{
background-image:url(images/rama.png);
background-repeat: no-repeat;
width:424px;
height:44px;
}
#pole{
background-image:url(images/pole.png);
background-repeat: no-repeat;
width:424px;
background-color:#bababa;
}
#koniec{
background-image:url(images/rama.png);
background-repeat: no-repeat;
width:424px;
height:44px;
}
#menu{
width:224px;
height:auto;
position:relative; left:614px;
position:relative; top:-75px;
}
#naglowek_menu{
background-image:url(images/rama_menu.png);
background-repeat: no-repeat;
width:224px;
height:44px;
}
#pole_menu{
background-image:url(images/pole_menu.png);
background-repeat: no-repeat;
background-color:#d7d7d7;
width:224px;
height:118px;
}
#koniec_menu{
background-image:url(images/rama_menu.png);
background-repeat: no-repeat;
width:224px;
height:44px;
}
#okno{
background-image:url(images/srodek.png);
background-repeat: no-repeat;
width:853px;
height:174px;
position:relative; left:15px;
position:relative; bottom:15px;
}
#stopka{
background-image:url(images/stopka.png);
background-repeat: no-repeat;
width:853px;
height:58px;
}Chciałbym jeszcze umieścić drugi pasek menu.
