Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    overlaying DIV over an IMG

    on my site: http://www.mutecms.com/ctech/

    I'd like the blue box to sit over the top of my logo image?!

    thanks

  • #2
    Regular Coder
    Join Date
    Jul 2008
    Location
    UK
    Posts
    116
    Thanks
    4
    Thanked 0 Times in 0 Posts
    I take it what you mean is that you want it so the telephone number appears just below the name of the company

  • #3
    Regular Coder
    Join Date
    Jul 2008
    Location
    UK
    Posts
    116
    Thanks
    4
    Thanked 0 Times in 0 Posts
    I think this is one of the times you may actually want to use absolute positioning since i assume the placement of the telphone and logo are not going to differ from page to page

  • #4
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    ok yes thanks, Posision absolute works but it is on the wrong side of the yellow bordered div?!

    http://www.mutecms.com/ctech/

  • #5
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Once you position it, use the zindex to bring it to the front.

    http://www.w3schools.com/Css/pr_pos_z-index.asp
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #6
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts
    I just want the telephone and emails to stay butted up against the left hand side of the yellow box, so i probably don't wnat to use position absolute as it moves about when i move my browser window??!

  • #7
    Senior Coder
    Join Date
    Oct 2008
    Location
    Long Beach
    Posts
    1,196
    Thanks
    36
    Thanked 164 Times in 164 Posts
    Once you position it, use the zindex to bring it to the front.
    It's better code and more cross-browser to avoid z-index and use position: absolute and semantic ordering in your html to layer your elements.

    I just want the telephone and emails to stay butted up against the left hand side of the yellow box, so i probably don't wnat to use position absolute as it moves about when i move my browser window??!
    Put both in a container div with a set position and position both absolutely - then they won't move independently.
    Feel free to e-mail me if I forget to respond ;)
    ohsosexybrit@gmail.com


  •  

    Posting Permissions

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