Posted 3 years ago #
Hi,
I have a navigation menu of five items. The one in the middle has to hold an image that extends a bit outside of the menu item (5px more or less). I do not want to use a background image.
Anyone has idea's how to do so? I guess some kind of javascript?
Thanks!
Posted 3 years ago #
Why do you not want to use a background image?
Posted 3 years ago #
Because the image has to stick out of the menu item.
Posted 3 years ago #
So can you expand the height/width of that one navigation menu item?
Can you link the page in question and the image you want?
It's difficult for an outsider to understand the issues you have probably identified.
Posted 3 years ago #
joep.twistedwed.nl/fivestarsleep
The home button had a logo which overlapped the bevel that sticks out. Maybe I'll just make the logo not stick out of the item, makes the logo a bit smaller though it saves allot of hassle haha.
Posted 3 years ago #
I used a background image instead now that doesn't stick out. But how to get a certain menu item to not display the text? I need the HOME text to get to display: none.
Anyone?
Posted 3 years ago #
Can you link the page in question and the image you want?
Posted 3 years ago #
oops the previous link wasn't correct!
This one is:
Posted 3 years ago #
you are doing good but
.logo a {
z-index: 999;
background: url("img/logo.png") center 12px no-repeat;
background-size: 90px auto;
color: transparant;
}color:trasparant spelling mistake
use
color:transparent!important;
Posted 3 years ago #
With !important it still has no effect. :(
Posted 3 years ago #
Damnit haha, made a spelling mistake aswell xd Thanks!
This topic has been closed to new replies.
