Może ktoś mógłby pomóc (IMG:
http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
coś nie działa.. kombinuje od dłuższego czasu i zamiast 446px jest okolo 400, nie wiem czemu po bokach zostaja takie wolne miejsca...
oto kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<link rel="stylesheet" type="text/css" href="test.css"> <li><a href="" title=""><img src="images/menu/home.gif" border="0"></a></li> <li><a href="" title=""><img src="images/menu/about.gif" border="0"></a></li> <li><a href="" title=""><img src="images/menu/how.gif" border="0"></a></li> <li><a href="" title=""><img src="images/menu/startups.gif" border="0"></a></li> <li><a href="" title=""><img src="images/menu/become.gif" border="0"></a></li> <li><a href="" title=""><img src="images/menu/services.gif" border="0"></a></li>
#menu {
width:446px;
height:24px;
float:left;
margin-top:7px;
text-align:left;
background:red;
display: inline;
}
.m{
width:446px;
height:24px;
float:left;
margin-left:0px;
display: inline;
}
.m ul{
margin:0px;
width:446px;
height:24px;
float:left;
text-align:left;
display: inline;
}
.m ul li{
display:block;
width:auto;
float:left;
padding: 0 9 0 9;
text-align:left;
background-color:#ffffff;
display: inline;
}
.m ul li a:hover{
width:auto;
float:left;
height:24px;
background-image:url(images/menu-background.gif);
background-repeat:repeat-x;
text-align:left;
display: inline;
}
.m ul li img{
margin-top:4px;
display: inline;
}