On Jun 21, 2005, at 12:07 PM, Christian Heilmann wrote:
a{
background: #fff; url(arrow-selected.gif) 0 50% no-repeat; /* "0"
places
image flush left, "50%" places it vertically centered */
padding-left: 1em;
white-space: nowrap;
}
I'm not sure, but you may not even need white-space: nowrap; if
you follow
the example above. Personally, I try to avoid nowrap if at all
possible.
Testing in IE shows no image and when you use white-space will move
the link to the next line. :-(
a {
white-space: nowrap;
}
Will move the entire link to the next line, in one piece, of there
is not enough horizontal room for the link to display on its current
line, that is why I try to avoid it in most circumstances.
Make sure your image path is correct. If your CSS is in the same
directory as your images then your path is currently correct, BUT if
you keep your images in a different directory from your CSS then you
will most likely need to change your image path. For example:
You currently have:
a {
background: #fff; url(arrow-selected.gif) 0 50% no-repeat;
padding-left: 1em;
}
If your images were in a images folder (or directory) this would be
the correct way:
a {
background: #fff; url(images/arrow-selected.gif) 0 50% no-repeat;
padding-left: 1em;
}
- - - O R - - -
a {
background: #fff; url(../images/arrow-selected.gif) 0 50% no-
repeat;
padding-left: 1em;
}
The iamge path depends where your styles are (inline or in an
external css file) and where your images folder is. I often goof on
this problem before I realize that I have an incorrect image file
path in my css.
If you can post an link to an example, it would be much easier to
diagnose.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
