Printer Friendly Version
Email this thread to a friend
|
Featured Web Site Template |
|
Reflects user activity within the last 5 minutes
|
|
| Member |
Message |
butbut
Joined: Jan 10, 2005
# Posts: 19
|
Posted: 03/16/2005 06:05 am
Hello there...
i'm trying to make a menu using normal html list-items and css.
I have this code:
ul
{
list-style-image: url(../images/arrow_Textlink.jpg);
}
#base li a
{
display: block;
background-color: #CCCCCC;
}
#base li a : will create a block underneath my textlink.
But not underneath my list-style-image.
Is this possible?
Thanx in advance
Koen
|
 |
lizardz
Joined: Nov 12, 2004
# Posts: 1394
|
Posted: 03/16/2005 12:14 pm
If you want the image to be contained in the block, you need to change it to this:
li {
background: #CCCCCC url(/images/yourimage.gif) no-repeat;
padding-right:24px; // assuming your image is 20px wide
}
li a {
display:block;
}
This will create the same affect you're looking for
|
|
butbut
Joined: Jan 10, 2005
# Posts: 19
|
Posted: 03/17/2005 06:55 am
Thanx...
But that only solves part of my problem.
What i didn't mention clearly, my menu are buttons (including a a:hover)
When i apply:
li a:hover {
display:block;
background-color: #FF0000;
}
to your example the part under my image won't give a different backgournd-color state.
Can this also be solved?
Again thanx in advance
Koen
|
|
lizardz
Joined: Nov 12, 2004
# Posts: 1394
|
Posted: 03/17/2005 01:05 pm
That's because you didn't make the canvas / background of the image transparent.
Start with a transparent canvas, create your image, then it will work fine. That will need to be saved as either gif or png, jpg does not support transparent backgrounds. When saved you have to have explicitly made the background area save as transparent, very easy to do in fireworks, don't know about photoshop or the gimp.
|
|
You are not permitted to post messages in this forum or topic, because of one or more of the following reasons:
- You have not yet logged in, or registered properly as a member
- You are a member, but no longer have posting rights.
- This is a private forum, for which you do not have permissions.
If you are a recent member, it's possible that you simply have not yet confirmed your account. Please
check your email for a message entitled 'JimWorld Forums: Confirm Your Account' and follow the instructions
contained within.
If you cannot find this message, click here to Re-Send it.
|
If you are still experiencing problem, please read the
Login Assistance
Article for some advice on what may be causing your login not to work properly.
|
Switch to Advanced Editor and ...
Create a New Topic
or Reply to this Thread
|
|
