1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

youtube like duration (or any text) on thumb (image)

Discussion in 'CSS' started by dracula51, Oct 22, 2009.

  1. #1
    first of all...honestly, i dont know is it the right section, coz i hav no idea which code need to be used to do it. but i think it might be CSS...if wrong section plz moderators move it to right sec...tnx


    hey, my title tells everything.
    u see duration on Thumb pics at youtube

    i want like that. duration (actually a php variable) on left-bottom corner of a Thumb (or i shud say...a pic)

    can anyone plz help me??
     
    dracula51, Oct 22, 2009 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Just use a negative margin to push the duration on top of the thumbnail.

    example HTML:
    
    <div id="thumb">
    <img src="thumbnail.jpg" />
    <div class="duration">05:37</div>
    </div>
    
    Code (markup):
    with CSS:
    
    .duration { margin-top: -15px; }
    Code (markup):
     
    wd_2k6, Oct 22, 2009 IP
    addlinkurl likes this.
  3. dracula51

    dracula51 Peon

    Messages:
    146
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    thank you :)
     
    dracula51, Oct 22, 2009 IP