SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to align Logo?

    hi friends

    www.uptenlist.com kindly check logo, bottom logo portion cut! . can you tell me, how i can adjust and fit on header portion

    thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Around line 107, change the min-height to 74px:

    Code:
    #header h1 a, #header h2 a {
    background: url(http://uptenlist.com/wp-content/uploads/2012/09/finallogo1.png) no-repeat;
    min-width: 211px;
    display: block;
    min-height: 74px;
    line-height: 28px;
    }
    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."

  3. #3
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    Around line 107, change the min-height to 74px:
    no affect sir, can you check it again

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by aliqayyum View Post
    no affect sir, can you check it again
    You haven't changed it yet. Make sure to upload the change.
    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."

  5. #5
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ralph.m View Post
    You haven't changed it yet. Make sure to upload the change.
    #header h1, #header h2 {
    font-size: 38px;
    display: block;
    float: left;
    display: inline-block;
    margin: 0;
    line-height: 28px;
    margin: 35px 0;
    }
    #logo a {
    color: #56A0EB;
    margin-top: 22px;
    }
    this is a code right?

  6. #6
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,088
    Mentioned
    256 Post(s)
    Tagged
    5 Thread(s)
    You have embedded styles on your HTML page. At the moment, the section ralph.m referred to reads:
    Code CSS:
    #header h1 a, #header h2 a{
    			background: url([url]http://uptenlist.com/wp-content/uploads/2012/09/finallogo1.png[/url]) no-repeat;
    			min-width: 211px;
    			display: block;
    			min-height: 65px;
    			line-height: 28px;
    			}
    You need to change that min-height to 74px, which is the height of your logo.
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!

  7. #7
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by TechnoBear View Post
    You have embedded styles on your HTML page. At the moment, the section ralph.m referred to reads:
    Code CSS:
    #header h1 a, #header h2 a{
    			background: url([url]http://uptenlist.com/wp-content/uploads/2012/09/finallogo1.png[/url]) no-repeat;
    			min-width: 211px;
    			display: block;
    			min-height: 65px;
    			line-height: 28px;
    			}
    You need to change that min-height to 74px, which is the height of your logo.
    its already like this
    PHP Code:
    #header h1 a, #header h2 a {
    backgroundurl(http://uptenlist.com/wp-content/uploads/2012/09/finallogo1.png) no-repeat;
    min-width211px;
    displayblock;
    min-height74px;
    line-height28px;

    but dont know, i also saw on google chrome extension its shows me min-height: 65px;

  8. #8
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    6,088
    Mentioned
    256 Post(s)
    Tagged
    5 Thread(s)
    You have that same declaration in two different places. It's in your style.css, where it has been changed to 74px, but it's also in an embedded style on your html page. As the embedded styles come after your linked external stylesheets, that declaration is over-riding the one from style.css. You'll either need to change it on every page, or - preferably - get rid of your embedded styles.
    Take plenty of exercise walk round and round the garden
    or
    sign up now for the Isle of Jura 10K or Half Marathon!

  9. #9
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,118
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by aliqayyum View Post
    i also saw on google chrome extension its shows me min-height: 65px;
    You need to work out how to activate the changes. I see this is a WordPress site. How are you making the changes?
    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."


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
  •