• Hey everyone,

    I have a navigation bar on my website: https://sitedemonstration.hostei.com/

    Their are 2 problems:

    1. Whenever I click on either ‘contact’ or ‘about’, their is no white tab that appears like it does on the ‘home’ tab. It should appear when I click on it.

    2. Whenever I click on either ‘contact’ or’ about’, the ‘home’ tab stretches even wider, it isn’t supposed to!

    If you want, you can create some code instead of modifying the code that I already have, it doesn’t really matter.

    After the problem is fixed and functions on my website, please provide your PayPal email address and I will deposit $10 in your account! EASY MONEY!!

    Here is my code:

    /* navigation bar */
    
    #navigation {
            width: 819px;
            height: 34px;
            float: left;
            position: relative;
            top: 0px;
            left: 0px;
            }
    
    #navigation_left {
            width: 11px;
            height: 34px;
            float: left;
            padding: 6px 0 0 11px;
            text-align: right;
            }
    #navigation_center {
            width: 654px;
            height: 34px;
            float: left;
            background-position: bottom left;
            background-image: url(https://thanksgoogle.com/wordpress/images/nav-rept.jpg);
            background-repeat: repeat-x;
            padding: 0;
            }
    
    #navigation_center ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            }
    
    #navigation_center ul li {
            float: left;
            line-height: 34px;
            }
    
    #navigation_center ul li a {
            display: block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
            padding: 0px 17px 3px;
            background-image: url(https://thanksgoogle.com/wordpress/images/navline.jpg);
            background-position: right center;
            background-repeat: no-repeat;
            line-height: 39px;
            }
    
    #navigation_center ul li a span {
            color: #FFFFFF;
            display: block;
            padding: 0px 20px 0 10px;
            }
    
    #navigation_center ul li a:hover {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #ffffff;
            text-decoration: none;
            font-weight: bold;
            display: block;
            padding: 0px 17px 3px;
            }
    
    #navigation_center ul li a:hover span {
            color: #ffffff;
            display: block;
            padding: 0px 20px 0 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            text-decoration: none;
            font-weight: bold;
            }
    
    #navigation_center ul li a.active, #navigation_center ul li a.current_page_item {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #000000;
            text-decoration: none;
            font-weight: bold;
            background-image: url(https://thanksgoogle.com/wordpress/images/leftnav.png);
            background-repeat: no-repeat;
            background-position: left top;
            display: block;
            padding: 0px 0px 0 10px;
            }
    
    #navigation_center ul li a.active span {
            color: #000000;
            background-image: url(https://thanksgoogle.com/wordpress/images/rightnav.png);
            background-repeat: no-repeat;
            background-position: right top;
            display: block;
            padding: 0px 20px 0 10px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #000000;
            text-decoration: none;
            font-weight: bold;
            }
    
    #navigation_right {
            width: 141px;
            height: 28px;
            float: left;
            padding: 6px 0 0 0;
            }
Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter eliteuser

    (@eliteuser)

    Hey,

    I sent you the money, but I forgot to see an error!!!!

    The ‘home’ writing isn’t in the middle, can u send me some code that will make it go in the middle?

    Thx!!!!!

    The ‘home’ writing isn’t in the middle, can u send me some code that will make it go in the middle?

    Did you mean when the ‘home’ is clicked or not?

    Btw thank you very much..

    Thread Starter eliteuser

    (@eliteuser)

    Hey,

    It is when you are on the home page, with the white tab on it. Yes when it is clicked. Can u fix it?

    Visit the site: https://sitedemonstration.hostei.com/

    You are welcome, you deserve the reward! ??

    Hello..

    here is the code, hope it will work..

    /* navigation bar */
    
    #navigation {
            width: 819px;
            height: 34px;
            float: left;
            position: relative;
            top: 0px;
            left: 0px;
            }
    
    #navigation_left {
            width: 11px;
            height: 34px;
            float: left;
            padding: 6px 0 0 11px;
            text-align: right;
            }
    #navigation_center {
            width: 654px;
            height: 34px;
            float: left;
            background-position: bottom left;
            background-image: url(https://thanksgoogle.com/wordpress/images/nav-rept.jpg);
            background-repeat: repeat-x;
            padding: 0;
            }
    
    #navigation_center ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            }
    
    #navigation_center ul li {
            float: left;
            line-height: 34px;
            }
    
    #navigation_center ul li a {
            display: block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #FFFFFF;
            text-decoration: none;
            font-weight: bold;
            padding: 0px 17px 3px;
            background-image: url(https://thanksgoogle.com/wordpress/images/navline.jpg);
            background-position: right center;
            background-repeat: no-repeat;
            line-height: 39px;
            }
    
    #navigation_center ul li a span {
            color: #FFFFFF;
            display: block;
            }
    
    #navigation_center ul li a:hover {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #ffffff;
            text-decoration: none;
            font-weight: bold;
            display: block;
            padding: 0px 17px 3px;
            }
    
    #navigation_center ul li a:hover span {
            color: #ffffff;
            display: block;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            text-decoration: none;
            font-weight: bold;
            }
    
    #navigation_center ul li a.active, #navigation_center ul li.current_page_item {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #000000;
            text-decoration: none;
            font-weight: bold;
            background-image: url(https://thanksgoogle.com/wordpress/images/leftnav.png);
            background-repeat: no-repeat;
            background-position: left top;
            display: block;
            padding: 0px 0px 0 10px;
            }
    
    #navigation_center ul li.current_page_item {
    		margin-left: -4px;
    }
    
    #navigation_center ul li a.active span, #navigation_center ul li.current_page_item a {
            color: #000000;
            background-image: url(https://thanksgoogle.com/wordpress/images/rightnav.png);
            background-repeat: no-repeat;
            background-position: right top;
            display: block;
            padding: 0px 19px 0 9px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 13px;
            color: #000000;
            text-decoration: none;
            font-weight: bold;
            }
    
    #navigation_center ul li a.active span {
    	padding: 0px 15px 0 9px;
    	}
    
    #navigation_right {
            width: 141px;
            height: 28px;
            float: left;
            padding: 6px 0 0 0;
            }
    Thread Starter eliteuser

    (@eliteuser)

    Hello again,

    down the bottom I made it instead of:

    #navigation_center ul li a.active span {
    	padding: 0px 15px 0 9px;
    	}

    I changed the padding to 17px and 7px and it is PERFECTLY in the middle. Thx for your work, hopefully I can ask you again when I run into a problem. Keep up the good work!!

    BTW: You don’t have to because you have already earned your reward, do u know how to remove the LAST line near the end of the navigation bar to make it look like this? https://i44.tinypic.com/2w4jud1.png

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Willing to give a whopping $10 via PayPal to anyone who can fix this problem!!!’ is closed to new replies.