Results 1 to 11 of 11
  1. #1
    Newbie
    Join Date
    June 30th, 2008
    Posts
    31
    Im having Header Graphic Problems
    Good afternoon guys, it's me again. If you visit my website, you'll notice that my header graphic doesn't fit in to the rectangle thats its shoved inside of. I'm not very good with css. Can someone help me with the coding, like to delete the rectangle and add a 1000 by 140 sized picture. It's www.anythingdrums.com thank you very much.

  2. #2
    ABW Ambassador superCool's Avatar
    Join Date
    April 23rd, 2008
    Location
    Texas
    Posts
    1,268
    superCool took a quick look but it's not straightforward and no time. do you use FireFox? there's a plugin that will help you debug your CSS. google it and give it a try. it might help now and forever after.

    good luck

  3. #3
    ABW Ambassador
    Join Date
    November 25th, 2005
    Posts
    639
    This is your entry for the header In your style sheet:

    #header {
    clear: both;
    padding: 0;
    margin: 5 auto;
    background: url(images/forthetheme.jpg) top left ;
    height: header image height goes here (e.g.100px);

    Change the line "height: header image height goes here (e.g.100px);"

    to

    "height: 140px;"

    (remove the double quotes)

    You should enter the URL to the header image here too (in the background URL)

    I hope it works!

    Dave

  4. #4
    Newbie
    Join Date
    June 30th, 2008
    Posts
    31
    Thank you guy's so much!! it's much better looking now.. should i make the image smaller or is there more i can do to have the whole picture up... thank you guys again

  5. #5
    ABW Ambassador
    Join Date
    November 25th, 2005
    Posts
    639
    Good to hear!

    Your whole page is enclosed in a DIV with the ID of "rap". (Probably short for wrapper)

    In your style sheet the entry for rap is this:
    #rap {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }

    This means that you will never be able to display anything wider than 660 pixels. (The limit of the rap width)

    You can either change the width:660px; to the width of the image (but the whole page will be that wide) or change your image to be 660px (minus paddding and margins - your header has a 5px margin). So 650px

    Good luck!
    Dave

  6. #6
    ABW Ambassador superCool's Avatar
    Join Date
    April 23rd, 2008
    Location
    Texas
    Posts
    1,268
    FYI - your "top" style also has a width of 660 (probably other styles too).

    that FireFox plug-in is called FireBug and it's a great help with CSS issues. you should give it a try

  7. #7
    Newbie
    Join Date
    June 30th, 2008
    Posts
    31
    thanks again CanadianDave, last question, we're almost done... how do i adjust the height so it won't show it twice.. thanks again

  8. #8
    ABW Ambassador
    Join Date
    November 25th, 2005
    Posts
    639
    Try adding the following code into your #header style (after the background width):

    background-repeat: no-repeat

    ...Or change the #Header height from 140px to the new height of the image (I'd do both for good measure).

  9. #9
    Newbie
    Join Date
    June 30th, 2008
    Posts
    31
    #header {
    clear: both;
    padding: 0;
    margin: 5 auto;
    background: url(images/header650.jpg) top left;
    height: 90px;
    }


    I changed the height from 160 to 90, that did the trick, but i turned the border green.. lol thanks guys

  10. #10
    Newbie
    Join Date
    June 30th, 2008
    Posts
    31
    nope i fixed that too.. thanks guys for helping me in css..

  11. #11
    ABW Ambassador
    Join Date
    November 25th, 2005
    Posts
    639
    I saw the green border too - how did you fix it?

  12. Newsletter Signup

+ Reply to Thread

Similar Threads

  1. Wordpress plugin for header graphic?
    By knight01 in forum Blogging, Mobile and Social Media
    Replies: 11
    Last Post: May 24th, 2010, 09:06 AM
  2. Joomla Header
    By KnickKnacks4less in forum Blogging, Mobile and Social Media
    Replies: 7
    Last Post: December 26th, 2009, 09:49 AM

Posting Permissions

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