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
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 applyin
mcmonagle
Sent: 11 July 2008 12:17
To: wsg@webstandardsgroup.org
Subject: Re: SPAM-LOW: Re: [WSG] list links
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
On Jul 11, 2008, at 4:16 AM, kevin mcmonagle wrote:
tried everything i could think of but cant get it to work.
something like:
#navlist li .furniture a
Hi kevin,
You have a space after the li
try this:
#navlist li.furniture a {background: #369}
and markup like so
Chair
tee
**
Kevin,
Your solution should work ;) try your approach again - but write out the
list item and class without the space in your css, like this:
#navlist li.furniture a
I've used that on this site here : http://magsbrolly.co.uk/
(the CSS is a little clumsy (done ages ago while learning wordpress) a
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
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 the
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, 200
Sorry Kevin, I meant to say that the *inside* the 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 to
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 *inside* the should be
set to display: block. list items are block level b
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
**
doh,
thanks.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*
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
www.shar
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;
hi,
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
-best
kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Uns
15 matches
Mail list logo