• Locked
1 reply [Last post]
Fri, 2011-04-08 16:40
grandpha
grandpha's picture
Offline
newbie
Chicago
Last seen: 11 years 43 weeks ago
Chicago
Timezone: GMT-5
Joined: 2011-04-08
Posts: 1
Points: 2

Hi my site is
www.pchounds.com
And I have a CSS menu on the home page.My problem is when I zoom in the page the last item of the menu moves under the whole menu.There is enough room for all the items to fit in the container even when I zoom in the page The CSS code looks like this:

.dolphincontainer{
position:relative;
height:30px;
color:#CCC;
width:100%;
font-family:Helvetica,Arial,Verdana,sans-serif;
background: url(img/dolphin_bg.gif) repeat-x bottom left;
border-bottom : 5px solid #333366;
}
ul.dolphinnav  {
display:block;
list-style:none;
height:20px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
padding-bottom: 5px ;
padding-left:30px;
 
}
ul.dolphinnav li {
float : left;
}
ul.dolphinnav  li a{
color:#FFFFFF;
position :relative;
text-decoration :none;
padding:10px 8px 5px 8px;
}
ul.dolphinnav  li a:hover{
color:#FFFFFF;
background:transparent url(img/dolphin_bg-OVER.gif) repeat-x bottom left;
}

And the html is like this:

<td valign="top">
    <table width="100%" border="1" cellspacing="0" cellpadding="0" class="maincolumn " >
    <tr>
	<div class="dolphincontainer" >
	  <ul class="dolphinnav" >
        <li><a href="{SITEURL}index.php?sort=3" rel="3"<span>{L_a004}</span></a></li>
        <li><a href="{SITEURL}index.php?sort=0" rel="0"><span>{L_a001}</span></a></li>
        <li><a href="{SITEURL}index.php?sort=4" rel="4"><span>{L_a005}</span></a></li>
        <li><a href="{SITEURL}index.php?sort=5" rel="5"><span>{L_a006}</span></a></li>
        <li><a href="{SITEURL}index.php?sort=1" rel="1"><span>{L_a002}</span></a></li>
        <li><a href="{SITEURL}index.php?sort=2" rel="2"><span>{L_a003}</span></a></li>
	  </ul>
    </div>
	</tr>
    </table>

Thanks.

Top
Tags:
Tue, 2011-04-12 20:18
#1
Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 29 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Please clean up the HTML

Please clean up the HTML errors so that we can assist you
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.pchounds.com%2F

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Top
  • Locked