HTML/CSS for top menu
3 posters
Page 1 of 1
HTML/CSS for top menu
Hi
I hope someone can see what I have done wrong here!
This is my top menu http://www.babiesandall.com/ - that page shows the menu when its entered in the homepage message - it works perfectly, and sub menus show correctly (and exactly how it does on my test page http://www.babiesandall.com/h42-test )
My issue is that adding it to homepage message only puts it on that first page, for it to appear on every page I have to enter it in the header template (I assume I've put it in the right place, after the <head> tag? )
This is what happens though http://www.babiesandall.com/f67-banda-news-updates if you hover over Forum in the top menu for example you will see ugly spaces on the top of every sub menu.
I've only added the code to homepage message so you can see what i mean about the difference between what I want it to look like and what I don't!
I don't understand why the html/css works on my homepage message and my test page... but puts ugly spaces in when its entered in the header template?
Any ideas please?
TIA
I hope someone can see what I have done wrong here!
This is my top menu http://www.babiesandall.com/ - that page shows the menu when its entered in the homepage message - it works perfectly, and sub menus show correctly (and exactly how it does on my test page http://www.babiesandall.com/h42-test )
My issue is that adding it to homepage message only puts it on that first page, for it to appear on every page I have to enter it in the header template (I assume I've put it in the right place, after the <head> tag? )
This is what happens though http://www.babiesandall.com/f67-banda-news-updates if you hover over Forum in the top menu for example you will see ugly spaces on the top of every sub menu.
I've only added the code to homepage message so you can see what i mean about the difference between what I want it to look like and what I don't!
I don't understand why the html/css works on my homepage message and my test page... but puts ugly spaces in when its entered in the header template?
Any ideas please?
TIA
Re: HTML/CSS for top menu
i am not sure what you mean by the ugly spaces?
it appears ok to me?
for the spry code do you have java,css,and html coding.
i think you may be better off having it in your over all header template but i would have to see the coding? did you have to host a java file and also insert the css to the java code as well?
if yopu like you can pm me,
But it should run down something like this. providing it is the script set up i think it is.
Yeah see i just did some testing with a custom spy menu in dreamweaver.. so i would have to see all your coding to better help.
If you like post it here or you can send it to me and i'll test it out. but it seems like you have it working fine and i dont see any ugly spacing or anything.. actually a good job on the spry menu creation who eve did it. it loks nice and goes with your forum perfect .
[/code]
it appears ok to me?
for the spry code do you have java,css,and html coding.
i think you may be better off having it in your over all header template but i would have to see the coding? did you have to host a java file and also insert the css to the java code as well?
if yopu like you can pm me,
But it should run down something like this. providing it is the script set up i think it is.
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript"
src="YOUR HOSTED JAVA FILE LINK HERE"></script>
<style type="text/css" media="screen">
<!--
TOP PART OF THE JAVA CODE HERE
<STYLE TYPE="text/css" MEDIA=screen>
<!--
CSS CODE HERE
-->
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
BOTTOM PART OF JAVASCRIPT HERE
If any?
</body>
</html>
Yeah see i just did some testing with a custom spy menu in dreamweaver.. so i would have to see all your coding to better help.
If you like post it here or you can send it to me and i'll test it out. but it seems like you have it working fine and i dont see any ugly spacing or anything.. actually a good job on the spry menu creation who eve did it. it loks nice and goes with your forum perfect .
[/code]
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: HTML/CSS for top menu
Ok, this post has now been edited as I have changed the code, in the spoiler below
These are the screen prints of IE which works, Google & Firefox that have spaces
These are the screen prints of IE which works, Google & Firefox that have spaces
- Spoiler:
<style>
ul#cssMenu,ul#cssMenu ul{
margin:0;list-style:none;padding:0;background-color:#FFFFFF;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");background-repeat:repeat;border-width:0px;border-style:solid;border-color:;-moz-border-radius:5px 5px 5px 5px ;-webkit-border-radius:5px 5px 5px 5px ;border-radius:5px 5px 5px 5px ;}
ul#cssMenu ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:2.1px 2.1px 3px #B1B1B1;-webkit-box-shadow:2.1px 2.1px 3px #B1B1B1;box-shadow:2.1px 2.1px 3px #B1B1B1;padding:0 2px 2px;background-color:#68aabf;border-width:1px;border-style:ridge;border-color:#558391;}
ul#cssMenu li:hover>*{
display:block;}
ul#cssMenu li:hover{
position:relative;}
ul#cssMenu ul ul{
position:absolute;left:100%;top:0;opacity:1;}
ul#cssMenu table{
border-collapse:collapse;}
ul#cssMenu{
display:block;font-size:0;position:absolute;z-index:1000;left:145px;top:307px;}
ul#cssMenu li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#cssMenu>li,ul#cssMenu li{
margin:0;}
ul#cssMenu a:active, ul#cssMenu a:focus{
outline-style:none;}
ul#cssMenu a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Tahoma, Arial,Helvetica,sans-serif;color:#FFFFFF;cursor:auto;padding:4px;background-color:#FFFFFF;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");background-repeat:repeat;border-width:0px;border-style:solid;border-color:;}
ul#cssMenu ul li{
float:none;margin:2px 0 0;}
ul#cssMenu ul a{
text-align:left;padding:3px;}
ul#cssMenu li:hover>a{
background-color:#FFFFFF;border-style:solid;font:bold 14px Tahoma, Arial,Helvetica,sans-serif;color:#00CACA;text-decoration:underline;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/grey12.jpg");}
ul#cssMenu li:hover>a{
position :relative;background-color:#FFFFFF;border-style:solid;font:bold 14px Tahoma, Arial,Helvetica,sans-serif;color:#00CACA;text-decoration:underline;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/grey12.jpg");}
ul#cssMenu li>a:hover{
position:static !important;}
ul#cssMenu img{
border:none;vertical-align:middle;margin-right:5px;}
ul#cssMenu img.over{
display:none;}
ul#cssMenu li:hover > a img.def{
display:none;}
ul#cssMenu li:hover > a img.over{
display:inline;}
ul#cssMenu a:hover img.over,ul#cssMenu a:hover ul img.def,ul#cssMenu a:hover a:hover ul img.def,ul#cssMenu a:hover a:hover a:hover ul
img.def,ul#cssMenu a:hover a:hover a:hover a:hover ul img.def,ul#cssMenu a:hover a:hover img.over,ul#cssMenu a:hover a:hover a:hover
img.over,ul#cssMenu a:hover a:hover a:hover a:hover img.over,ul#cssMenu a:hover a:hover a:hover a:hover a:hover img.over{
display:inline;}
ul#cssMenu a:hover img.def,ul#cssMenu a:hover ul img.over,ul#cssMenu a:hover a:hover ul img.over,ul#cssMenu a:hover a:hover a:hover ul
img.over,ul#cssMenu a:hover a:hover a:hover a:hover ul img.over,ul#cssMenu a:hover a:hover img.def,ul#cssMenu a:hover a:hover a:hover
img.def,ul#cssMenu a:hover a:hover a:hover a:hover img.def,ul#cssMenu a:hover a:hover a:hover a:hover a:hover img.def{
display:none;}
ul#cssMenu a:hover ul,ul#cssMenu a:hover a:hover ul,ul#cssMenu a:hover a:hover a:hover ul,ul#cssMenu a:hover a:hover a:hover a:hover ul{
display:block;}
ul#cssMenu a:hover ul ul,ul#cssMenu a:hover a:hover ul ul,ul#cssMenu a:hover a:hover a:hover ul ul{
display:none;}
ul#cssMenu span{
display:block;overflow:visible;background-image:url("https://i.servimg.com/u/f62/15/52/93/00/arrv_w10.gif");background-position:right
center;background-repeat:no-repeat;padding-right:19px;}
ul#cssMenu ul span{
background-image:url("https://i.servimg.com/u/f62/15/52/93/00/arr_wh10.gif");padding-right:17px;}
ul#cssMenu li a.topmenu{
height:13px;background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");border-width:0px;fon
t:bold 12px Verdana;color:#FFFFFF;background-position:100% 0;line-height:13px;}
ul#cssMenu li.topmenu:hover>a{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");font:bold 12px
Verdana;color:#FFFFFF;line-height:13px;}
* html ul#cssMenu li a.topmenu{
display:inline-block;vertical-align:top;}
ul#cssMenu li.topmenu:hover>a{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");font:bold 12px
Verdana;color:#FFFFFF;line-height:13px;}
ul#cssMenu li.topmenu{
margin:0 5px 0
0;background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");background-position:0 0;}
ul#cssMenu li.topmenu:hover{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");}
ul#cssMenu li.topmenu>a{
margin:0 -5px 0 5px;}
ul#cssMenu li a.ln{
height:13px;background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");border-width:0px;fon
t:bold 14px Verdana;color:#FFFFFF;background-position:100% 0;padding:3px;line-height:13px;}
ul#cssMenu li.ln:hover>a{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");font:bold 12px
Verdana;color:#FFFFFF;line-height:13px;}
* html ul#cssMenu li a.ln{
display:inline-block;vertical-align:top;}
ul#cssMenu li.ln:hover>a{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");font:bold 12px
Verdana;color:#FFFFFF;line-height:13px;}
ul#cssMenu li.ln{
margin:0 5px 0
0;background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");background-position:0 0;}
ul#cssMenu li.ln:hover{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");}
ul#cssMenu li.ln>a{
margin:0 -5px 0 5px;}
ul#cssMenu .submenu li{
margin:2px 0 0;}
ul#cssMenu .submenu{
background-color:#68aabf;border-width:1px;border-style:ridge;border-color:#558391;padding:0 2px 2px;}
ul#cssMenu .submenu a{
padding:3px;}
ul#cssMenu li a._{
padding:3px;}
ul#cssMenu li.ln:hover>a{
background-color:transparent;background-image:url("https://i.servimg.com/u/f22/15/52/93/00/green11.jpg");font:bold 12px
Verdana;color:#FFFFFF;line-height:13px;}
</style>
<ul id="cssMenu" class="topmenu">
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/forum">Home</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/">Welcome Page</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/forum"><span>Forum</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f69-all-about-banda"><span>All About BANDA</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f67-banda-news-updates">BANDA News & Updates</a></li>
<li><a href="http://www.babiesandall.com/f30-forum-feedback-questions-suggestions">Feedback, Questions & Suggestions</a></li>
<li><a href="http://www.babiesandall.com/f3-guidelines-rules">Guidelines & Rules</a></li>
<li><a href="http://www.babiesandall.com/f40-new-members">New Members</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href=""><span>General Chat</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f4-the-lounge">The Lounge</a></li>
<li><a href="http://www.babiesandall.com/f53-private-lounge">Private Lounge</a></li>
<li><a href="http://www.babiesandall.com/f32-member-messages">Member Messages</a></li>
<li><a href="http://www.babiesandall.com/f36-debates-polls">Debates & Polls</a></li>
<li><a href="http://www.babiesandall.com/f65-laura">Laura</a></li>
<li><a href="http://www.babiesandall.com/f23-interests"><span>Interests</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f11-group-chat">Group Chat</a></li>
<li><a href="http://www.babiesandall.com/f56-time-for-change"><span>Time for Change</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f57-change4life">Change4Life</a></li>
<li><a href="http://www.babiesandall.com/f55-new-years-resolutions">New Years Resolutions</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f51-craft-creations">Craft & Creations</a></li>
<li><a href="http://www.babiesandall.com/f48-cookery">Cookery</a></li>
<li><a href="http://www.babiesandall.com/f61-travel-holidays">Travel & Holidays</a></li>
<li><a href="http://www.babiesandall.com/f16-fun-games">Fun & Games</a></li>
<li><a href="http://www.babiesandall.com/f21-anonymous-threads">Anonymous Threads</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f1-information"><span>Information</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f46-in-the-news"><span>In the News</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f59-product-recalls-safety-issues">Product Recalls</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f43-banda-meets"><span>BANDA Meets</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f54-barnardos-big-toddle">Barnardos Big Toddle</a></li>
<li><a href="http://www.babiesandall.com/f66-brum">BRUM</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f19-bargains-offers">Bargains & Offers</a></li>
<li><a href="http://www.babiesandall.com/f22-good-ideas">Good Ideas</a></li>
<li><a href="http://www.babiesandall.com/f62-useful-info-contacts-help">Useful Info & Contacts</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f73-life"><span>Life</span><!--[if gt IE 6]><!--></a><!--<![endif]--><!--[if lte IE
6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f26-personal"><span>Personal</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f27-family">Family</a></li>
<li><a href="http://www.babiesandall.com/f28-work">Work</a></li>
<li><a href="http://www.babiesandall.com/f63-finance">Finance</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f41-healthy-living">Healthy Living</a></li>
<li><a href="http://www.babiesandall.com/f10-member-blogs">Blogs</a></li>
<li><a href="http://www.babiesandall.com/f45-weddings">Weddings</a></li>
<li><a href="http://www.babiesandall.com/f50-losing-loved-ones-and-little-ones">Losing Loved Ones & Little
Ones</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f15-conceiving">Conceiving</a></li>
<li><a href="http://www.babiesandall.com/f75-pregnancy-birth"><span>Pregnancy & Birth</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f14-pregnancy"><span>Pregnancy</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f38-bfps">BFPs</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f24-birth-stories-announcements">Birth Stories</a></li>
<li><a href="http://www.babiesandall.com/f64-baby-names">Baby Names</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f76-children-parenting"><span>Children & Parenting</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f5-baby-babble">Baby 0-1 year</a></li>
<li><a href="http://www.babiesandall.com/f6-toddler-talk">Toddler 1 year +</a></li>
<li><a href="http://www.babiesandall.com/f35-big-kids">Big Kids</a></li>
<li><a href="http://www.babiesandall.com/f60-parenting"><span>Parenting</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f39-baby-birthdays">Baby Birthdays</a></li>
<li><a href="http://www.babiesandall.com/f25-birth-clubs">Birth Clubs</a></li>
<li><a href="http://www.babiesandall.com/f42-cloth-nappies">Cloth Nappies</a></li>
<li><a href="http://www.babiesandall.com/f44-weaning">Weaning</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f77-photo-gallery"><span>Photo Gallery</span><!--[if gt IE 6]><!--></a><!--<![endif]--><!--[if
lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f12-your-baby-pics">Baby</a></li>
<li><a href="http://www.babiesandall.com/f34-baby-scans">Scan</a></li>
<li><a href="http://www.babiesandall.com/f33-beautiful-bumps">Bump</a></li>
<li><a href="http://www.babiesandall.com/f31-member-photos">Members</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f78-trade"><span>Trade</span><!--[if gt IE
6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f29-business-directory">Business Directory</a></li>
<li><a href="http://www.babiesandall.com/f7-buy-sell">Buy & Sell</a></li>
<li><a href="http://www.babiesandall.com/f52-book-shop">Book Shop</a></li>
<li><a href="http://www.babiesandall.com/f9-wanted">Wanted</a></li>
<li><a href="http://www.babiesandall.com/f8-swap">Swap</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li><a href="http://www.babiesandall.com/f79-reviews"><span>Reviews</span><!--[if gt IE 6]><!--></a><!--<![endif]--><!--[if
lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/f2-online-shop-review">Shop Reviews</a></li>
<li><a href="http://www.babiesandall.com/f13-product-reviews">Product Reviews</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/profile?mode=editprofile"><span>My Profile</span><!--[if
gt IE 6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/profile?mode=editprofile">Edit My Profile</a></li>
<li><a href="http://www.babiesandall.com/privmsg?folder=inbox">My Messages</a></li>
<li><a href="http://www.babiesandall.com/profile?mode=editprofile&page_profil=preferences">My Preferences</a></li>
<li><a href="http://www.babiesandall.com/profile?mode=editprofile&page_profil=signature">My Signature</a></li>
<li><a href="http://www.babiesandall.com/profile?mode=editprofile&page_profil=avatars">My Avatar</a></li>
<li><a href="http://www.babiesandall.com/profile?mode=editprofile&page_profil=friendsfoes">Friends & Foes</a></li>
<li><a href="http://www.babiesandall.com/search?search_id=watchsearch" title="You get emails when someone replies to
these">Topics I am Watching</a></li>
<li><a href="http://www.babiesandall.com/search?search_id=favouritesearch">My Favourite Topics</a></li>
<li><a href="http://www.babiesandall.com/search?search_id=draftsearch">My Draft Replies</a></li>
<li><a href="http://www.babiesandall.com/rpg_sheet_edit?u=1">About Me</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/calendar">Calendar</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/search?search_id=newposts"
target="_blank"><span>View</span><!--[if gt IE 6]><!--></a><!--<![endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class="submenu">
<li><a href="http://www.babiesandall.com/search?search_id=newposts">Posts Since Last Visit</a></li>
<li><a href="http://www.babiesandall.com/search?search_id=egosearch">My Posts</a></li>
<li><a href="http://www.babiesandall.com/search?search_id=unanswered">Posts with no replies</a></li>
<li><a href="http://www.babiesandall.com/memberlist">BANDA Member list</a></li>
<li><a href="http://www.babiesandall.com/groups">UserGroups</a></li>
<li><a href="http://www.babiesandall.com/gallery/index.htm">Gallery</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
<li class="topmenu"><a class="topmenu" href="http://www.funtrivia.com/private/main.cfm?tid=96254" target="_blank">Daily
Quiz</a></li>
<li class="topmenu"><a class="topmenu" href="http://babiesandall.co.uk/" target="_blank">Website</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/h4-amazon-shop" target="_blank">Amazon Shop</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/h33-search" target="_blank">Search</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/h34-faq" target="_blank">FAQs</a></li>
<li class="topmenu"><a class="topmenu" href="http://www.babiesandall.com/contact" target="_blank">Contact Us</a></li>
</ul>
Re: HTML/CSS for top menu
This might work, please try finding this in your CSS:
...and delete the background image that comes with it.
- Code:
ul#cssMenu li a.topmenu {
...and delete the background image that comes with it.
Re: HTML/CSS for top menu
I did think about that as thats what it was showing as being ... I didn't do it though simply because the top menu parts that don't have sub menus are also called that ... oh well will go and see what happens!
Re: HTML/CSS for top menu
hmmmm well I have removed the image from every line that related to topmenu, nothing made it go away.it changed slightly but it didnt go away!
This is it now in firefox
I think I am going to have to take the image out of every line individually and see which one it is
Thanks though!
This is it now in firefox
I think I am going to have to take the image out of every line individually and see which one it is
Thanks though!
Re: HTML/CSS for top menu
Yeah, it changed slightly and I think it actually looks really nice at the moment in my opinion.
You can try experimenting with the CSS and see if you get your desired effect.
You can try experimenting with the CSS and see if you get your desired effect.
Re: HTML/CSS for top menu
It doesn't look bad to be honest! Better than it did for sure because now the 'space' just appears over the empty space behind it ...
I might have more of a fiddle after the weekend ... big party..bad head..old lady..I might take a while to recover though!
I might have more of a fiddle after the weekend ... big party..bad head..old lady..I might take a while to recover though!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum