Niestety nie pomogło to.
poniżej kod html i css.
linka podać nie mogę, gdyż jeszcze stronka jest na localu.
o już jest dobrze.
do #menu-poziome ul dodałem padding: 0px; i pomogło.
poniżej kod html i css.
Kod PHP:
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<link href="szata/szata.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="calosc">
<div id="gora">
<div id="logo"></div>
<div id="logo_tekst">tekst obok loga</div>
<div id="logowanie">login</div>
<div id="pod_login">Współpraca z nami to najlepsza praca dodatkowa dla Ciebie!!!</div>
</div>
<div id="menu">
<div id="menu_pol">
</div>
<div id="menu-poziome">
<ul>
<li><a href="#">Regulamin</a></li>
<li><a href="#">O nas</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Rejestracja On-Line</a></li>
</ul>
</div>
</div>
<div id="kupa">
<div id="lewe_menu">
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu M
Menu menu Menu menu Menu menu Menu menu Menu menu Menu menu
</div>
<div id="tresc">
Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść
Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść Treść treść
Treść treść Treść treść Treść treść Treść treść Treść treść
</div>
</div>
<div class="clear"></div>
<div id="stopka">Stopka</div>
</div>
</body>
</html>
Kod PHP:
body{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #ECECEC;
background-image: url(../img/bg.jpg);
background-repeat: repeat;
}
#calosc {
text-align: left;
padding: 0px;
width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#gora {
margin: 0px;
padding: 0px;
height: 126px;
width: 1000px;
}
#logo{
width: 341px;
height: 102px;
background-image: url(../img/logo.jpg);
float: left;
}
#logo_tekst{
float:left;
width: 341px;
height: 70px;
}
#logowanie{
float:right;
height: 70px;
width:316px;
}
#pod_login{
float:right;
height: 50px;
}
#menu{
float:left;
height: 50px;
width: 1000px;
}
#menu_pol {
float:left;
width: 558px;
}
#kupa {
margin: 0px;
padding: 0px;
width: 1000px;
float:left;
}
#lewe_menu {
margin: 0px;
padding: 0px;
float: left;
width: 242px;
background-repeat: repeat-y;
}
#tresc {
margin: 0px;
padding: 0px;
float: right;
width: 758px;
}
#stopka {
margin: 0px;
padding: 0px;
clear: both;
width: 998px;
height: 69px;
background-image: url(../img/stopka.jpg);
}
/* menu poziome u góry */
#menu-poziome {
margin: 0px;
padding: 0px;
height: 50px;
width:442px;
background-repeat: no-repeat;
float:left;
}
#menu-poziome ul {
float:left;
list-style:none;
}
#menu-poziome li {
float:left;
text-align:left;
}
#menu-poziome ul li a {
/*display:block;
padding:6px 10px 6px 10px;
font-weight:bold;*/
padding-top:15px;
padding-bottom:15px;
padding-left:12px;
padding-right:12px;
border-left:1px solid #354d60;
color:#eeeeee;
background-image: url(../img/menu.jpg);
height: 50px;
text-transform:uppercase;
font-size:0.9em;
text-decoration:none;
}
#menu-poziome ul li a:hover {
color: #99341f;
background-color:#e4e4e4;
}
.clear { clear:both;}
linka podać nie mogę, gdyż jeszcze stronka jest na localu.
o już jest dobrze.
do #menu-poziome ul dodałem padding: 0px; i pomogło.
