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 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2009
    Posts
    96
    Thanks
    11
    Thanked 0 Times in 0 Posts

    Unhappy Header going mad!

    Hi,

    I'm trying to code a header with links going in a line across the top of the page.

    It looks ok but when I minimise the page the background (which should be a dark grey line, formed using a 1px width grey image on x-repeat) cuts off and does not go to the full width of the page if you scroll to the right - any ideas?

    CSS file:
    div.banner_container { background-image:url(../images/banner_bg.jpg); background-repeat: repeat-x; height: 36px; position: relative; color: #fff; }
    div.banner { float: left; width: 200px; padding: 0px 0px 0px 0px; }
    div.banner_navigation { float: left; padding: 0px 0px 0px 0px; position: absolute; top: 0px; width: 1219px;}
    ul.ul_links { margin: 0px 0px 0px 140px; }
    ul.ul_links li { float: left; padding: 10px 3px 0px 15px; list-style-type: none; background-image:url(../images/arrow.gif); background-repeat:no-repeat; padding-left:12px; padding-right:17px; font-weight: bold; font-size:12px; position: relative;}


    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>British Pathe Museums</title>
    <link rel="stylesheet" type="text/css" href="<?=SITE_URL?>/museums/css/main.css" />
    </head>

    <body >

    <div class="banner_container">
    <div class="banner">
    <? if($_SERVER['PHP_SELF'] == "/museums/index.php"):?>
    <a href="<?=SITE_URL?>"><img src="<?=SITE_URL?>/museums/images/banner_homepage_pathe.gif" width="173" height="35" alt="britishpathe.com" /></a>
    <? else: ?>
    <a href="<?=SITE_URL?>"><img src="<?=SITE_URL?>/museums/images/banner_pathe.gif" width="203" height="35" alt="britishpathe.com" /></a>

    <? endif; ?>
    </div>
    <div class="banner_navigation white_link">
    <ul class="ul_links" >
    <li ><a href="<?=SITE_URL?>/museums/">Home</a></li>
    <li ><a href="<?=SITE_URL?>/museums/factors.php">Key Factors of this offer</a></li>
    <li ><a href="<?=SITE_URL?>/museums/signup.php">How to sign up for your license</a></li>
    <li ><a href="<?=SITE_URL?>/museums/license.php">The License Agreement</a></li>
    <li ><a href="<?=SITE_URL?>/museums/order.php">Bankers Standing Order</a></li>
    <li ><a href="<?=SITE_URL?>/museums/contact.php">Contact Us</a></li>
    </ul>


    </div>
    </div>
    </div>

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    any ideas?
    It's impossible to replicate the issue at our end using the above code. Could you please post a link to your page?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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