The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

HTML/CSS for top menu

View previous topic View next topic Go down

HTML/CSS for top menu

Post by lisa1302 on May 11th 2011, 2:11 am

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 flower

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Re: HTML/CSS for top menu

Post by kirk on May 11th 2011, 2:47 am

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.


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 Smile.



[/code]







kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: HTML/CSS for top menu

Post by lisa1302 on May 11th 2011, 1:04 pm

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




Spoiler:

<style>

ul#cssMenu,ul#cssMenu ul{
margin:0;list-style:none;padding:0;background-color:#FFFFFF;background-image:url("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i62.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("http://i62.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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("http://i22.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 &amp; 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 &amp; 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 &amp; 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 &amp; Holidays</a></li>
<li><a href="http://www.babiesandall.com/f16-fun-games">Fun &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>


lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Re: HTML/CSS for top menu

Post by Base on May 13th 2011, 5:51 pm

This might work, please try finding this in your CSS:

Code:
ul#cssMenu li a.topmenu {

...and delete the background image that comes with it. Wink

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: HTML/CSS for top menu

Post by lisa1302 on May 13th 2011, 5:59 pm

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!

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Re: HTML/CSS for top menu

Post by Base on May 13th 2011, 6:02 pm

Alright, I'll leave this topic open for your reply. Wink

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: HTML/CSS for top menu

Post by lisa1302 on May 13th 2011, 6:11 pm

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 Shocked

Thanks though!

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

Re: HTML/CSS for top menu

Post by Base on May 13th 2011, 6:23 pm

Yeah, it changed slightly and I think it actually looks really nice at the moment in my opinion. Wink

You can try experimenting with the CSS and see if you get your desired effect.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

Re: HTML/CSS for top menu

Post by lisa1302 on May 13th 2011, 6:27 pm

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!

lisa1302
Forumember

Female Posts : 305
Reputation : 40
Language : Enlish
Location : UK

http://www.babiesandall.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum