1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Header problem

Discussion in 'HTML & Website Design' started by headless, Nov 18, 2010.

  1. #1
    Hey all, I have just had a go at editing a premade template and i am having a problem with the header. I have put in a flash banner and want to increase the size of the banner and when i do it pushes the black menu bar up and the menu items down. I cannot seem to be able to edit the code to make the banner fit without moving the menu items around. Here is an example of the problem;

    http://www.socialtag.co.uk/kki/welcome.html - Before
    http://www.socialtag.co.uk/kki/welcomeproblem.html - After

    I hope someone can help.
    Thanks
    Kieran
     
    headless, Nov 18, 2010 IP
  2. ronc0011

    ronc0011 Peon

    Messages:
    85
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    That looks like a positioning issue. Either the Flash banner has a z-index set on it or there some other positioning conflicts going on.

    Some editing software will set a z-index when you move things around in graphic/design mode.

    z-index allows you to treat things like they are layered on the page so they can sit on top of each other.

    I've always found it better to just drop any z-index and use margins to position things.
     
    ronc0011, Nov 18, 2010 IP
  3. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #3
    It's the header background file on the "header_resize" class in your stylesheet... ==>
    here is the image:
    [​IMG]

    You will need to recreate the image because of the height difference.

    OR

    Change to this:
    
    .header_resize { margin:0; padding:0; background:url(images/header_bg.gif) bottom repeat-x;}
    
    Code (markup):

    Cheers!~
     
    workingsmart, Nov 18, 2010 IP
  4. headless

    headless Well-Known Member

    Messages:
    732
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    140
    #4
    @working smart Thank you that has worked, i knew it would be something simple. cheers again.
     
    headless, Nov 18, 2010 IP
  5. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #5
    Glad I could help I know how annoying little things like that can be... Cheers to you...!~
     
    workingsmart, Nov 18, 2010 IP
  6. headless

    headless Well-Known Member

    Messages:
    732
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    140
    #6
    sorry there is one other thing do you know what is up with the footer on this page http://www.socialtag.co.uk/kki/client ?? i cannot seem to get it to fit all the way across the page.

    Thanks
     
    headless, Nov 18, 2010 IP
  7. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #7
    You actually have a couple of issues going on there....

    At the very bottom of the page => This needs to be removed:
    
    <html> 
    <head> 
    <title>KKInstallations Client Area</title> 
    </head> 
    </html> 
    
    Code (markup):
    And You have an "in-page" stylesheet placement, that shouldn't be there:
    
    <!--//  ================================  POWERED By LOGO  ====  //--> 
    <!--//  ========  Please visit www.revivedwire.com/Branding_Removal before removing the "Powered By Logo"  ====  //--> 
    <link href="style.css" rel="stylesheet" type="text/css" /> 
    
    Code (markup):
    At the top of the page you are missing your <!doctype> and your opening <html> tag...
    There are multiple <body> tags and code just all over the place...

    Once cleaned up your footer issue will be resolved.. But you also have width: set at 940px on the footer so change that to 100%;

    
    .footer_resize { width:940px; margin:0 auto; padding:0 10px 10px 10px; background:#161616;}
    
    Code (markup):
    Hope that all helps!!

    Cheers again...! ( rep is always good if good advice and assistance is given!! wink wink ) Just kidding! :)
     
    workingsmart, Nov 18, 2010 IP
    headless likes this.
  8. headless

    headless Well-Known Member

    Messages:
    732
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    140
    #8
    Thanks for the help again it worked like a treat. I think i got abit confused as php got involved lol. Rep has been added (was going to be added anyway) :)
     
    headless, Nov 18, 2010 IP
  9. workingsmart

    workingsmart Well-Known Member

    Messages:
    411
    Likes Received:
    12
    Best Answers:
    9
    Trophy Points:
    120
    #9
    Anytime for people with no heads!!.. lol... ( was only teasing about rep.. ) All = Good!

    If you get stuck on anything feel free to hit me up!!

    Cheers!~
     
    workingsmart, Nov 18, 2010 IP