...

View Full Version : divs not showing completely in menu



jasonpc1
05-19-2010, 08:33 PM
i have had people say that the menus are not showing in their browsers.

i have had them send in images of the menu as it shows.



<div id="centerdiv">
<div id="new_header">


<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item1</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item2</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item3</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item4</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item5</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item6</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item7</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item8</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item9</a></div>
</div>

<div style="float: left; width: 68px;">
<div style="background: url(images/menubg-2010.jpg) no-repeat center right;"><a href="" class="tmenu">item10</a></div>
</div>



<div style="line-height: 20px">&nbsp;</div>


</div>


</div>




CSS


#new_header { margin: 0 auto; padding-bottom: 5px; height:38px; background-color:#f3f3f3; background:url(images/bghead.jpg); line-height: 40px; width: 100%; }

#centerdiv{
width:1030px;
margin:0 auto;
}

nikee
05-19-2010, 10:04 PM
You should make a list menu like this:


<ul>
<li>Home</li>
<li>About Us</li>
<li>Our Services</li>
</ul>and then attach the entire background to the ul tag, float the list items to the left and maybe give them some margin & padding. Woila.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum