SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2003
    Location
    UK
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Logo vertical positioning - help!

    Hi,

    I have a website here:
    http://www.check4houses.co.uk
    (username: paulhemmings password:check4houses)

    The Logo is perfectly positioned on the index page, but if you click on any other page (e.g http://www.check4houses.co.uk/about.html) the logo is showing out of position and repeated!

    It's using the same CSS, so I'm a bit confused what is happening? Can any guru out there help?

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hi, that's because on the about page you have a <div class="frame"> element wrapping the page and as a result some new CSS can be used

    Aka on ".frame #header h1#logo a"

    Set no-repeat for the background image on the logo anchor element
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Enthusiast
    Join Date
    Nov 2003
    Location
    UK
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    Many thanks - have done the no repeat and it is better! However, it seems that on every page apart from the front page, it needs to have a larger top-margin. Is there a way to specify this in CSS, other than having two different CSS files?

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Again, that extra frame element is causing you trouble . It allows for this CSS on ".frame #header h1#logo ". It gives an extra 27px padding . I don't even see why you need that element. It seems to just be causing you issues, and nothings styled with it
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2003
    Location
    UK
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Ryan/anyone,

    I'm still struggling with this, think I must be missing something obvious! As you can see here:
    http://www.check4houses.co.uk/about.html

    it's still not aligned correctly, need to be lower! The front index page, however, is fine.

    I wonder: could you provide the actual CSS I need to type in to fix this?! Driving me nuts...

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by RyanReese View Post
    Again, that extra frame element is causing you trouble . It allows for this CSS on ".frame #header h1#logo ". It gives an extra 27px padding . I don't even see why you need that element. It seems to just be causing you issues, and nothings styled with it
    Quote Originally Posted by wibbler View Post
    Hi Ryan/anyone,

    I'm still struggling with this, think I must be missing something obvious! As you can see here:
    http://www.check4houses.co.uk/about.html

    it's still not aligned correctly, need to be lower! The front index page, however, is fine.

    I wonder: could you provide the actual CSS I need to type in to fix this?! Driving me nuts...
    You need to pick, if you are going to not have the frame element in there then you need the 27px padding . On the h1#logo just change the padding from 10px to 27 (top padding)
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #7
    SitePoint Enthusiast
    Join Date
    Nov 2003
    Location
    UK
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for your continued help, I really appreciate it!

    So if I don't want to edit the HTML (therefore keeping the DIV), what would I put in the CSS?

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,622
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Find your h1#logo{} rule.

    Find the padding-top property, update the value to 27px
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Tags for this Thread

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
  •