SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2006
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Trying to style Add to Basket functionality similar to iTunes

    Hey there,

    I'm having trouble styling an iTunes type Add to basket/Buy button which also has social sharing functionality.

    See the visual here:http://www.energycell.co.uk/html5/conundrum1.gif.

    the code I currently have for the line item is:

    HTML Code:
    <div class="item">
      <img src="assets/framework/product_thumb.jpg" width="112" height="112">
      <dl class="details">
        <dt><a href="#">Mountain Gorilla</a></dt>
        <dd>By: <a href="#">VanguardCinema</a></dd>
        <dd class="buy">Rent: <a href="#">$99.99</a></dd>
        <dd class="buy">Own: <a href="#">$99.99</a></dd>
      </dl>
    </div>

    I thought about using an unordered list instead of DL but I couldn't figure out how to have the 2 link areas within the one list element. I also want to avoid using Javascript if at all possible, pure CSS if it can be done.

    Has anyone seen anything like this before and got any ideas which is the best way?

    Thanks a lot in advance...I'm a bit stuck.
    Attached Images Attached Images

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,582
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    We can't do anything without more code . If you have a link then please let us have it.

    If you don't, then please post full HTML and CSS at least.

    Is the "over" state just not working? I'd check your CSS for any :hover pseudo classes and see if they set any backgrounds.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2006
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's OK, I've done it using nested UL's


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •