Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 8 of 8

Thread: Header Help!

  1. #1
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Header Help!

    I've been searching and testing for 2 days, and just cannot figure this out.

    http://www.BCGolfers.com/forum/

    I have a logo that I want on the left side, flush with the green bar. I would like an Adsense banner on the far right side of the header, floating in the middle.

    I actually had things working in Safari, but now I've completely messed it up and the logo shows in IE and the Adsense in FF. But cant get both to show at the same time.

    CSS
    Code:
    /* ***** sets background for header area - No need to change this ***** */
    #hdr {
    background: #FFFFFF url(iSkin/misc/hdr_back.gif) ;
    width: 100%;
    height: 122px;
    	margin: 0;
    	padding: 0; 
    }
    
    /* ***** dispalys 1 px border around header area - No need to change this ***** */
    #hdr_bdr {
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    margin: 0;
    padding: 0; 
    }
    
    /* ***** SETS LOGO AREA FOUND IN HEADER AND ALL OF IT'S PROPERTIES ***** */
    #logo {
    background: url(iSkin/misc/BC_logo.jpg);
    width: 418px;
    height: 122px; 
    align: left;
    	margin: 0;
    	padding: 0; 
    }
    
    /* ***** Sets Header Ads ***** */
    #hdr_ad {
    width: 468px;
    height: 160px; 
    float: right;
    	margin: 30px;
    	padding: 1px; 
    }
    Header excerpt
    Code:
    <!-- begin iSkin header / logo is controlled via #logo in main CSS file -->
    
    <div id="hdr_bdr">
    <div id="hdr">
    <div id="hdr_ad">$header_advertisement</div>
    <div id="logo">
    </div></div>
    <div id="hdr_btm"></div>
    <div id="nav_back"></div>
    Thanks for your help!

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You need to use float:left; not align:left; on the logo. align:left; isn't even valid CSS.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I would love it to look like this:
    Attached Thumbnails Attached Thumbnails Header Help!-bcgolfscreen.jpg  

  • #4
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Its working in the latest version of Firefox now, but not Safari.

    I have incredible respect for you coding experts. I'm driving my self crazy with this stuff.

  • #5
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    logo needs to come before the ad.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #6
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Putting it after the logo makes it 'float' on top of the logo.


  • #7
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I didn't say that the ad needed to go in the logo. I said it needed to come AFTER the logo.
    Code:
    <div id="hdr">
    <div id="logo"></div>
    <div id="hdr_ad"></div>
    </div>
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #8
    New to the CF scene
    Join Date
    Feb 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts
    This isnt fun anymore.

    I think I'll just give up. I can't get it too work. Now none of my ads show up in safari. I dont get it. Clearly in over my head.


    Thanks for all your help!


  •  

    Posting Permissions

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