So i think you just need to add a div with class="completed" in your
relatively positioned <li> for completed items and apply absolute
positioning to that div. The div would have the background image of a
"Completed" transparent png as you have it in your mockup with bottom:
0. Have you tried to implement something? I'm a little unclear on what
exactly the question is and what exactly you need help with in the
process.
On Feb 11, 2009, at 7:27 AM, Nathan Wheatley wrote:
Thanks Todd,
I won't dump all the markup in the email, but:
Full source of page is here - http://52.nathanwheatley.com/index-hover.html
CSS used by page is here - http://52.nathanwheatley.com/assets/style-hover.css
I understand there are probably a whole lot of other errors with my
markup. Many of them I am aware of. For now, I'm just trying to get
it to function correctly.
On Wed, Feb 11, 2009 at 11:15 PM, Todd Budnikas
<[email protected]> wrote:
Nathan, sounds like you should just apply position:absolute to to
both the
image and your <a> and apply position:relative to the li (parent)
for the
img and <a> to work off of. It would be helpful though to see the
CSS in
addition to the markup.
> I apologise if this has been dealt with before, but I'm having
trouble
> layering some images in a project I am working on.
> What I am trying to achieve is this -
> http://img.skitch.com/20090211-reu2htst32muj7s5w8n2au4r33.jpg
>
> I have the following (repeated, obviously), to display the images.
>
> <li><img src="image.png" alt="description" /><a
href=""><h3><span>No.
> 01</span>Task Description</h3></a></li>
>
> What I am trying to do is add the "completed" label to some of the
items,
> which I am having trouble with. What is the best way to approach
this?
>
> Any help would be appreciated. Thanks.
>
> --
> --
> Nathan Wheatley
>
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: [email protected]
> *******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
--
--
Nathan Wheatley
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
