[css-d] which one do i position?

2006-05-23 Thread William Lawrence
good morning list!

i want to position:absolute an img that's inside an a that's  
inside a li that's inside a ul that's inside a . . . here is the  
markup:

ul
lia href=img src=/li
lia href=img src=/li
lia href=img src=/li
/ul

which one do i position: absolute the img, a, or the li? each  
list item will visually be in a different part of the document and  
i'm curious as to what is the better practice.

thank you.
William

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] which one do i position?

2006-05-23 Thread william lawrence
[i think i'm having a heck of a time figureing out which email client
to use with this list. nevertheless...]

Thanks Shawn.
So
1. Yes. There are other lists.
2. I want the links positioned relative to the lists container.
3. Irregardless, I think.

So, what you're saying is to position: absolute the img, yea?

This is what I'm currently working with:

#contain {position: relative}
div ul li a img {position: absolute}
#you {top: 5em; right: 0;}
#me  {top: 10em; right: 5em;}
#he  {top: 15em; right: 0;}
#she {top: 20em; right: 5em;}

div id=contain
ul id=who
lia href=youimg src= id=you alt= //a/li
lia href=meimg src= id=me alt= //a/li
lia href=heimg src= id=he alt= //a/li
lia href=sheimg src= id=she alt= //a/li
/ul
/div

On 5/23/06, Shawn Lawler [EMAIL PROTECTED] wrote:
 Assuming:
 1. There are other lists on your page.
 [we'll identify the list you want postioned elements in]

 2. You want your images positioned relative to your links.
 [we apply position:relative; to your image's parent element]

 3. You want your images positioned in the same way for each link in your
 list.
 [we can use the list hook to apply the styles]

 .listastic a {position:relative;}
 .listastic img {position:absolute; left:5px; top:5px; border:none;}

 ul class=listastic
 lia href=img src=I'm a link, mate!/a/li
 lia href=img src=I'm a link, mate!/a/li
 lia href=img src=I'm a link, mate!/a/li
 /ul

 Shawn

 -Original Message-
 From: [EMAIL PROTECTED]
 [mailto:[EMAIL PROTECTED] On Behalf Of William Lawrence
 Sent: Tuesday, May 23, 2006 3:42 PM
 To: css-d@lists.css-discuss.org
 Subject: [css-d] which one do i position?

 good morning list!

 i want to position:absolute an img that's inside an a that's
 inside a li that's inside a ul that's inside a . . . here is the
 markup:
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/