Menu with pics inside
Hello,
I have customized my page menu with this code and it's working pretty well : HTML Code:
/* ================================================ */ Now i want to add some small pics before the countries in the dropdown menu. I've tried that and it works. The problem is on mouse over and when the item is selected the pics dissapear. HTML Code:
ul.rMenu li.menu-item-263 { I've tried to add the pics on the MENU config directly in wordpress (by putting <img src" "> in the "Navigation Label" field. It works, but i can't place the pics exactly where i want (does not align with the text). |
You need to add the same pic or a "hover state" pic (same size etc) to the hover state CSS
|
I've tried that but it does not work the pics still dissapear:
HTML Code:
ul.rMenu li.menu-item-263 { |
I don't see any of that CSS in the page source - did you remove it?
|
Yes i've removed the code that does not work.
i'm gonna put it back right now if you want. (just in case i'm using Atahualpa 3.5.3 and i have apply the 353 BUGFIX) |
Ok i've put the CSS part for the picture online.
|
try this, change your css to this
HTML Code:
div#menu1 ul.rMenu li:hover, |
Thanks but it does not work. I have no pics at all with that :
HTML Code:
div#menu1 ul.rMenu li:hover, |
I understand what happen but can't find a way to override the ITS...
|
Use this, it needs the '!important'
HTML Code:
ul.rMenu li.menu-item-263:hover, |
Maybe i miss something ... it does not work. Here is what i have :
HTML Code:
/* ================================================ */ |
Looks like some of the css (not all) works on IE, not on Firefox and Chrome !
I think i'll forgot about putting pics in my menu. Too hard to do. |
I almost got it. After many hours...
I've put that : HTML Code:
/* ================================================ */ I can't find a way with CSS to say : if the item have the class menu-item-263 AND current-menu-parent then change the color to green. Or if the item with the ID menu-item-263 have the class current-menu-parent then change the color. HTML Code:
#menu-item-263 .current-menu-parent a:link, |
All times are GMT -6. The time now is 07:47 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.