Is it possible to get two images into an li anchor if each background
image or icon is unique.
All the online tutrials that ive found are for list items that share a
common background image - but this must have been done before.
heres the css ive tried:
#home a{background-image:url(../images/icons/home.gif);
background-repeat:no-repeat;background-position:-4px 1px;
}
a.home{
background-image:url(../images/icons/homeover.gif);
background-repeat:no-repeat;background-position:-94px 1px;
}
a.home:hover{
background-image:url(../images/icons/homeover.gif);
background-repeat:no-repeat;background-position:-4px 1px;
}
In the xhtml ive tried both these scenarios and different combinations
of ids/classes on the above css.
<li id="home" >< a href"#" class="home">Home</a>
<li id="home" class="home">< a href"#">Home</a>
The problem is that once one background is in the anchor or li i cant
get another to reposition over it...
Unless someone has a better idea Im thinking about doing something dirty
like wrapping a span around the li's.
If this doesnt make any sense to you here is my very under-construction
example:
http://www.gortahork.eu/en
-best
kevin
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
