SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Wizard
    Join Date
    Apr 2004
    Location
    dublin
    Posts
    2,036
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Image Header positioning

    I have a webpage header with a background image.

    I want to position another image on top of that so that it is always in the center of the header area and with spacing from top border.

    How do I do this?

    Thanks,

    Kevin.

  2. #2
    SitePoint Zealot mcahill's Avatar
    Join Date
    May 2002
    Location
    Manchaug, MA, USA
    Posts
    180
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Creat an overlying div with a display: block, then the width and size, and position the image within that. The bonus is that block could have a roll over, link, etc.

    so you'd have something like:
    PHP Code:
      #header {
      
    background image
      }
      
      .
    imageheader {
      
    displayblock;
      
    width50px;
      
    height50px;
      } 
    Then apply positioning info to get it where you want it.
    Last edited by mcahill; May 9, 2005 at 10:14.
    mcahill
    Reel-Time.com - Saltwater Fly Fishing
    The Vario Blog
    VarioCreative.com 1 2 3 4 5 6 7

  3. #3
    SitePoint Wizard
    Join Date
    Apr 2004
    Location
    dublin
    Posts
    2,036
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ok. I want to position two images on top of the back one.

    One image will be aligned to the left.
    The second will be in the center.

    How do I do this please??

  4. #4
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Please show us the code you have so far.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


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
  •