Hi,
Is it possible to target specific classes in a list to apply different
background image to the different links in a list nav?
tried everything i could think of but cant get it to work.
something like:
#navlist li .furniture a
or applying the different images to the anchors instead of
on the right track. Clare
--Original Message--
From: kevin mcmonagle
Sender: [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
ReplyTo: wsg@webstandardsgroup.org
Sent: Jul 11, 2008 7:16 AM
Subject: Re: SPAM-LOW: Re: [WSG] list links
Hi,
Is it possible to target specific classes in a list
On 11 Jul 2008, at 12:16, kevin mcmonagle wrote:
Hi,
Is it possible to target specific classes in a list to apply
different background image to the different links in a list nav?
tried everything i could think of but cant get it to work.
something like:
#navlist li .furniture a
or
Rick Lecoat wrote:
Note the removal of the space; li.furniture refers to a list item
that has the class 'funiture'; li .furniture refers to some other
element with a class=furniture *that is contained within* a list item.
oh boywell that explains it..
Thanks for the tip on the
Kevin,
make sure to apply your padding ad background image to the link - not the
list item :)
have a look at this page here:
http://ghostcogs.co.uk/category/sketchbook/
which uses this CSS:
#work a {
display: block;
font-size: 0.8em;
padding: 0.3em 0 0.6em 3.6em;
On 10 Jul 2008, at 14:25, kevin mcmonagle wrote:
im doing a list with a background image and some text. how can an
make the whole li area hot and not just the text.
i forgot how to do that
The main thing is to make sure that the list item is set to display:
block.
--
Rick Lecoat
doh,
thanks.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
Rick Lecoat wrote:
The main thing is to make sure that the list item is set to display:
block.
I had tried that rick but i was putting the padding in the li not the li a.
Do i still need to make li's block elements for ie?
-best
kevin
On 10 Jul 2008, at 15:12, kevin mcmonagle wrote:
I had tried that rick but i was putting the padding in the li not
the li a.
Do i still need to make li's block elements for ie?
Sorry Kevin, I meant to say that the a *inside* the li should be
set to display: block. list items are block
Sorry Kevin, I meant to say that the a *inside* the li should be
set to display: block. list items are block level by default.
no problem thanks for the help.
Theres another issue with this nav bar. There are 3 primary links that
have images - the rest are just text. Ive used an id
Kevin,
have a look at this sample page here:
http://graphiceyedea.info/experiments/css/ul_sprite_rollovers/
Check out the image used for rollover (as it includes both rollover states,
you could have more, of course) - and view the CSS for more info.
Hope this helps :)
Prisca
On Thu, Jul 10,
11 matches
Mail list logo
