0

I've run into yet another issue, for some reason 'Contact Us' will not go in the actual navigation bar and it decides to sit under it and this is causing problems as everything I've tried hasn't worked. I've tried changing all the pixels, removing the image and the code entirely and changing the position of things. Nothing works.

Any help would be much appreciated; teamshift.co.uk

header.php

<!DOCTYPE html>
<html lang="en">
<html>
<head>

    <title>TeamShift - Parkour</title>
    <link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
    <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link rel="SHORTCUT ICON" href="#" />
        <link href="css/menu.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="menu.css"/>


    <div class="wrapper">   
                <div class="container">
  <a href="/index.php"><img src="images/logos.png" ></a>
                <div class="menu" rel="sam1">  
                 <div><a href="/index.php">Home</a></div>  
                 <div><a href="/Gallery.php">Gallery</a></div>  
                 <div><a href="#">Forums</a></div>  
                 <div><a href="#">Profiles</a></div>
                 <div><a href="#"><Videos/a></div> 
                 <div><a href="#">Contact Us</a></div>

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


</head>
<body>



<div class="bg">



        <div class="clear"></div>
        <div class="grid_12" id="content">
            <div class="content-spacer">

menu.css

.wrapper {
    width: 100%;
    height: 60px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#5a5a5a'); /* for IE */
    background: -moz-linear-gradient(center bottom, rgb(70, 70, 70), rgb(90, 90, 90)) repeat scroll 0% 0% transparent;
    background: -webkit-gradient(linear, center bottom, center top, from(rgb(70, 70, 70)), to(rgb(90, 90, 90)));
    border-top: 2px solid rgb(90, 90, 90);
    position: absolute;
    margin-left: auto;
    margin-right: auto;

}

.container {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

.container img {
position:absolute;
top:3px;
left:720px;
}

.menu {
    height: 60px;
    float: left;
}

div.menu {
    height: 60px;
}

div.menu a:first-child {
    border-right: 0;
    border-left: 0;
}

div.menu div {
    list-style: none outside none;
    float: left;
    height: 60px;
    text-align: center;
}

div.menu a {
    display: block;
    padding: 0 20px;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    line-height: 60px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background;
    -moz-transition-duration: 700ms;
    }

div.menu a:hover {
    background: transparent none;
}

div.active a{

}


div.menu p:first
{

}
2
Contributors
1
Reply
14
Views
4 Years
Discussion Span
Last Post by JorgeM
0

You have a syntax error in line 23. Also check line 12, doesnt seem to point to a valid file.

<div><a href="#"><Videos/a></div>

When i fix the syntax error using Chrome's dev tools, the contact us shows up on the right of the other items..

631f0342ec10dbbcf3f1906a8f75daac

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.