SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: Header CSS

  1. #1
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,383
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Header CSS

    The default dimensions for a logo graphic within the header of this site: http://clickbasics.com/cawse/ is 187x54 px "or bigger" as the designer says. I have uploaded a test image of the default size, but would like to upload an image that takes up the entire space of the header. What size would that be, and what changes would I need to make to the CSS?
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  2. #2
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,383
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I went ahead and added a :bigger header image. Doesn't look too bad, though I'd like to remove some of the space above and below.
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by paulcj2 View Post
    I'd like to remove some of the space above and below.
    You could just remove or reduce all the padding and margins:

    Code:
    .themonic-logo {
    padding: 5px;
    }
    
    .themonic-logo {
    padding: 17px;
    float: left;
    margin: 10px 0;
    }
    It's not a great idea to place text in an mage like that, though. Better to have it as real text.
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,288
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    It looks like you've adjusted the space now by reducing the padding to 5px.

    I would probably have done that logo as an h1 using a Gilder Levin image replacement technique and get some text content into the page as that telephone number and slogan is inaccessible to screen readers and the like.

    Edit:


    oops beaten by Ralph


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
  •