Hello and welcome to our community! Is this your first visit?
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
    Thanked 0 Times in 0 Posts

    Unhappy Header going mad!


    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;}

    <!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">
    <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" />

    <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 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>


  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Thanked 2,224 Times in 2,211 Posts
    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