If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Nov 2008
    Member #
    Hey everyone. Im currently building a site but having a few problems with it and was wondering if anyone could have a quick look at the file along with the css and help me out a bit?

    The first problem that i got is that the header div and the tabbed div dont align up and however i write the css it always looks out of place, especially when i change the screen size to 800 x 600.

    The second problem is the footer on the page. It doesnt seem to just fit the full width of the page. It seems to overrun a bit but i have specified the width to be 100% so im a bit confused.

    The url is

    Any help would be great ppl.

    Thanks for your time.


  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Cottage Grove, Minnesota
    Member #
    726 times
    Not enough time for all of the problems ... but this fixes the top navigation.

    First, change the links in this section to this ... (remove span, correct spelling) ...

    <li style="margin-left: 1px"><a href="index.php" title="Home">Home</a></li>
    <li><a href="signPetition.php" title="New">Sign Petition</a></li>
    <li><a href="previous.php" title="New">Previous Signatures</a></li>
    <li><a href="meetings.php" title="New">Meetings</a></li>
    <li><a href="contact.php" title="Tools">Contact Us</a></li>

    Then, alter your CSS ... these lines ...
    I commented-out the lines I changed ...
    /* ######### Top Section ######### */
    width: 100%;
    #ddtoptabs ul{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    #ddtoptabs li{
    display: inline;
    /* margin: 10%; */
    #ddtoptabs li a{
    float: left;
    /* display: block; */
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    color: white;
    border: 1px solid #282828;
    border-bottom-width: 0;
    margin-right: 1px;
    background: gray; /*background of tabs (default state)*/
    #ddtoptabs li a:visited{
    color: white;
    #ddtoptabs li a:hover, .mattblacktabs li.selected a{
    background: #282828; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
    border-color: black;
    clear: both;
    padding: 0;
    width: 100%;
    height: 8px;
    line-height: 8px;
    background: black;

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
All times are GMT -6. The time now is 11:18 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: