jasonpc1
05-19-2010, 07: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"> </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;
}
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"> </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;
}