Luc wrote: >> Not enough background-image vertically for two text-lines, so the >> missing part appears as a gap. > > I see. Makes sense like all your posts.
Making sense was not my intention, I assure you ;-) > Only thing to figure out now, is how to set the distance between the > border and the background image. Seems if i mess with the > padding/margin on the li it affects the li but not the border. Since > the border is controlled by the "#navcontainer li a:hover" and > "li#here a:link, li#here a:visited, li#here a:hover" declarations it > seems to me that i have to use a class? Or do i really really lost my > head now? Don't know where your head is ( ;-) ), but no class is needed and messing around won't help either. What you need is an additional dimension and a close look at the W3C box-model. By declaring a suitable width on the anchor and manipulating the size of its side-paddings, you can create the appearance I think you're after. Paddings are added to dimensions in the W3C box-model. Take a look at my example... <http://www.gunlaug.no/tos/alien/luc/test_08_0404.html> ...and see if my chosen values are close enough for comfort. If not, then minor changes should bring the appearance within range. CSS: <http://www.gunlaug.no/tos/alien/luc/test_08_0404_files/MP000000.css> Remember that the background-image on the li has fixed dimensions and is only set to repeat vertically. This makes the styling easy. Without that fixed image-dimension we would have to fix the width of the li itself and make the anchor overflow it horizontally. That's also easy in most browsers, but IE6 would put up a fight (auto-expand) and demand a semi-removed floating anchor (negative back-side margin) in order to cooperate. I just mention this in case the need for such a change should come up - for you or someone else. regards Georg -- http://www.gunlaug.no ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
