Dear all
I am getting on the learning curve, using Max’s excellent action. I have applied styles using the new recommended CSS styling for my menus. I have been using Firebug, to try to follow my changes, which is fine. I am still a newbie on this but one particular thing is driving me nuts.
I want to have a menu where the text is on a background and the background rectangle has a border style. When I apply this I not only get a border around my desired block but also get a border, still a rectangle but closer in around the text word.
Any pointers please as to how to achieve this.
I can not understand the interaction between #WYMenu li, #WYMenu ul and the .WebYepMenuItem styles. What does the #WYMenu li and ul styling effect. Not sure if this is part of the problem.
I have tried inspecting other sites, but because I am using the CSS styling, using the ListJS, the styles are all different.
www.russellhoughton.me.uk is my test page
email email@hidden
Regards
Russell
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Russell
if you post a web address then I can what you are trying to do and then I can post the correct styling back for you,
speak soon max
p.s. you are quite right it’s a really difficult thing to do… hence why the next release version 3 will have a specific Menu styler action (a bit like css menu)
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
look at http://www.russellhoughton.me.uk/index.php
I am glad it is difficult !! makes me feel slightly less stupid ( well only slightly!!)
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
HI Russell
had a quick look at it…looks like you are missing one style
.WebYepMenuItem a { font-weight:normal; border-style:none }
so it should be snuggling in between .WebYepMenuItem and .WebYepMenuItem a:hover as below
.WebYepMenuItem { font-family:sans-serif; font-size:12px; background-color:#c0c0c0; list-style-type:none; text-decoration:none; padding:4px 15px 4px 15px; border-style:solid; border-width:1px }
.WebYepMenuItem a { font-weight:normal; border-style:none }
.WebYepMenuItem a:hover { font-weight:bold; border-style:none }
what the .WebYepMenuItem a is is the normal link style prior to hovering and because it wasn’t there it was inheriting the border style.
max
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
thank you max
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options