Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How do I overlay different logo images onto multiple images ?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #33655
    cssnewbie
    Member

    Hello Everyone,

    I am trying to display 3 Images with a logo overlayed on each of them on a page. All three images are of fixed dimensions. How do I get them properly overlayed and not mess up when viewed in different browsers ?

    Mockup Example – http://imageshack.us/photo/my-images/818/imageoverlaydesc.png/

    Would greatly appreciate if anyone can point me the right direction of how the above can be achieved.

    regards
    cssnewbie

    #84013
    furrball1383
    Member

    http://jsfiddle.net/Gc3FL/
    Thats close to what I would do

    #84035
    furrball1383
    Member

    hey @sl1dr,I had written in for him to change the id’s to classes because I realised only when i was done and I was doing this in between trying to get my bouncing ball to work which is killing me. I think I’m doing it in a way that uses too much code, but I’m less than a beginner at JS. I guess i must’ve forgot to save the update to the fiddle and hence you didn’t see the message there. Thanks for stream-lining the code, it always helps me to see how I could’ve written the code better!

    #84041

    @furrball1383 No worries. Once again you did all the hard work, I just came along and ‘tweaked’ it. If that ever offends you just let me know. Hopefully you just see it as learning though!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.