Member Avatar for zobadof

URGENT HELP REQUIRED

Hello,

I'm coding a website for PlugPayPlay (GSP) and this is where it's all happening; http://betappp.plugpayplay.com/ There are several navigation bars, which use the same code but each have their own seperate class to modify them easily.

The issue is that there is a black line on the right hand side of all the nav bars and a grey one on the left of all the nav bars. I've tried to fix this is any way I can think of, changing font size, removing padding, removing margins, adding padding, adding margins. You get the picture, even asked some other coders and they don't know. Which is why I've taken to the Daniweb Forums for help.

I need to remove these somehow, and would appreciate if someone would tell me where I've gone wrong, and even better to give me the code of how to fix it. I'll paste the needed code below.

header.php

<?php
ob_start();
$special = "";
if(isset($_POST['ADM_CMS'])){
$adm_cms = true;
$dedis = true;
$home = true;
$noc = true;

}
if(isset($_POST['FORUMS_PATH'])){
$path = $_POST['FORUMS_PATH'];
$path2 = 0;
}elseif(isset($path)||isset($title)){
$headerconfirm = true;
if($path){
$path2 = $path;
}else{
$path2 = 0;
}
}else{
die('No access, Only follow links');
}

if(!isset($path)){
$path = 0;
}

$nr = $path;

for($i=0;$i<$path;$i++){
$paths .= '../';
}

for($i=0;$i<$path2;$i++){
$paths2 .= '../';
}

$path = $paths;
$path2 = $paths2;
?>
<!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>
<title>PlugPayPlay - Game Server Hosting<?php if(isset($title)){echo ' - '.$title;} ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="High performance game servers and dedicated servers at affordable prices. Clan gaming rental for Counter-Strike Source, Team Fortress 2 and other various popular games." />
<meta name="keywords" content="game hosting, game servers, game server provider, low ping, voice servers, teamspeak, private server, public server, dedicated server, no lag, uk servers, quick setup, xeon quad core, plugpayplay, plug pay play, uservenet, easy networking solutions ltd, ens-ltd, tc admin, counter strike source, day of defeat source, team fortress 2, left 4 dead, killing floor, HL2, affordable prices, steam, clans, high performance, colocation, gameservers, gameserver, free teamspeak host, virtual private server, 2 server, 2142 server, cheap teamspeak server, team fortress 2 server, cod4 server, server games, dedicated web server, half life server, gaming server, server, clan server, day of defeat server, mohaa server, teamspeak server, quake 4 server, cod server, bf2 server, battlefield 2 server, css server, ventrilo server, tf2 server, cs server, counterstrike server, dedicated server review, cs 1.6 dedicated server,dedicated server reviews, free dedicated server, cod dedicated server, virtual dedicated server, dedicated server linux, dedicated server host, windows dedicated server, cheap dedicated server, dedicated server, virtual server hosting, cod4 server hosting, virtual private server hosting, web server hosting, teamspeak server hosting, css server hosting, ventrilo server hosting, counterstrike server hosting, server hosting, dedicated server hosting, counter strike 1.6 servers, counter strike clan, counter strike servers, counter strike server hosting, counter strike game servers, counter strike 1.6 server, server counter strike, counter strike source server search, counter strike source servers, counter strike source server, counter strike source, wicked game server, game server reseller, ultimate game server, free game server hosting, game server provider, rent game server, dedicated game server, game server rentals, game server rental, game server providers, game server host, game server hosting, game server, call of duty 4 server hosting, call of duty 4 game servers, call of duty 4 server, call of duty 4 servers" />
<meta name="copyright" content="Easy Networking Solutions Ltd" />
<meta name="robots" content="all" />
<link rel="stylesheet" href="<?=$path;?>style.css.php<?php echo '?path='.$nr; ?>" type="text/css" />
<link rel="stylesheet" href="http://www.plugpayplay.com/sIFR-screen.css" type="text/css" />
<link rel="SHORTCUT ICON" href="<?=$path;?>favicon.ico" />
<link rel="stylesheet" type="text/css" href="<?=$path;?>downtime.css" />
<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css' />
<?php
if($noc){echo "<link href='/noc/css/popup.css' rel='stylesheet' type='text/css' />";}
if($adm_cms){echo "<link href='cms.css' rel='stylesheet' type='text/css' />";}?>
<?php
if( $special == "christmas")
{
echo '<script type="text/javascript" src="'.$path.'js/snowstorm.js"></script>';
}
?>
<script type="text/javascript" src="<?=$path;?>js/jquery-1.5.1.js"></script> 
<script type="text/javascript" src="<?=$path;?>js/header.js"></script>
<script type="text/javascript">
var a=new Date,b=a.getHours()+a.getTimezoneOffset()/60;
if(18==a.getDate()&&0==a.getMonth()&&2012==a.getFullYear()&&13<=b&&24>=b)
{
</script>

</head>
<?php
include('downtime.php');
?>
<body>
    <?php
/////////////////////////
if($special == "christmas")
{
echo "<div id='snow'>&nbsp;</div>
";
}
?>
    <div id="container"><!-- Container Start -->
    <?php
/////////////////////////
if($special == "christmas")
{
echo "<div id='togglesnowlink' style='position: absolute; font-size: 11px; z-index: 90;'>
            <a nohref='nohref' onclick='snowStorm.toggleSnow();' title='Start/Stop the snow'>Toggle snow</a>
        </div>
";
}
?>

          <div class="leftwrapper">   
                 <div class="leftcontainer"><div class="leftmenu">  
                 <div><a href="gameservers.php">Home</a></div>  
                 <div><a href="dedicatedservers.php">About Us</a></div>  
                 <div><a href="contactus.php">Contact Us</a></div> 
          </div>
          </div>
          </div>

<br > 

<div class="rightwrapper">   
                 <div class="rightcontainer"><div class="rightmenu">  
                 <div><a href="gameservers.php">Game Panel</a></div>  
                 <div><a href="dedicatedservers.php">Billing</a></div>  
                 <div><a href="contactus.php">Web Panel</a></div> 
          </div>
          </div>
          </div>

<br > 


<div id="content" style="padding: 0; position: relative; z-index: 20;"> <!-- ALL Content Start -->

style.css.php

<?php
header("Content-type: text/css");

if(!isset($_GET['path'])){
$path = 0;
}else{
$path = $_GET['path'];
}

for($i=0;$i<$path;$i++){
$paths .= '../';
}

$path = $paths;
?>
    *{
    margin: 0px;
    padding: 0px;
    z-index: 2;
    }

        html{
        background-color: #212121;
        }

    body {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 5px;
        color: #424242;
        text-align: justify;
        margin: 0px auto;
        vertical-align: top;
        background-image:url('images/bg.png');
    }

    div {
    margin: 0px;
    padding: 0px;
    }

    img {
    border: none;
    }

    a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    z-index: 4;
    border: none;
    }

    a:hover{
    color: #ffde00;
    font-weight: bold;
    text-decoration: none;
    }

    a:active {
    outline: none;
    }

    h1{
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 18px;        
    }

    #container {
    width: 1000px;
    margin: 0px auto;
    font-size: 14px;
    color: #acacac;
    text-align: center;
    }

    #header {
    background-color: #212121;
    width: 1000px;
    height: 200px;
    cursor: pointer;
    }

    #header .overlay {
    position: relative;
    z-index: 60;
    left: 0px;
    top: 0px;
    width: 1000px;
    height: 200px;
    cursor: pointer;
    padding: 0;
    }








    .wrapper {
    width: 79.5%;
    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);
    -moz-border-radius-bottomleft: 16px;
    border-bottom-left-radius: 16px;
    -moz-border-radius-bottomright: 16px;
    border-bottom-right-radius: 16px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.container {
    width: 1555px;
    margin: 0px auto;
}

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

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
{

}


.leftwrapper {
    width: 30.5%;
    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);
    -moz-border-radius-bottomleft: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    margin-left: 3px;
    margin-right: auto;
}

.leftcontainer {
    width: 350px;
    margin: 0px auto;
}

.leftmenu {
    height: 60px;
    float: left;
}
div.leftmenu {
    height: 60px;
}

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

div.leftmenu 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.leftmenu a:hover {
    background: transparent none;
}

div.active a{

}


div.menu p:first
{

}   


.rightwrapper {
    width: 32.5%;
    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);
    -moz-border-radius-bottomleft: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    margin-left: 710px;
    margin-top: -78px;
}

.rightcontainer {
    width: 350px;
    margin: 0px auto;
}

.rightmenu {
    height: 60px;
    float: left;
}
div.rightmenu {
    height: 60px;
}

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

div.rightmenu 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.rightmenu a:hover {
    background: transparent none;
}

div.active a{

}


div.menu p:first
{

}









    #content {
    text-align: center;
    width: 1000px;
    }

    #footer {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#5a5a5a'); /* for IE */
    background: -moz-linear-gradient(center top , rgb(90, 90, 90), rgb(70, 70, 70)) repeat scroll 0% 0% transparent;
    background: -webkit-gradient(linear, center top, center bottom, from(rgb(90, 90, 90)), to(rgb(70, 70, 70)));
    border-top: 2px solid rgb(90, 90, 90);
        -moz-border-radius-topleft: 16px;
        border-top-left-radius: 16px;
        -moz-border-radius-topright: 16px;
        border-top-right-radius: 16px;
    width: 1020px;
    height: 29px;
    padding-top: 20px;
    margin: 0 auto;
    margin-bottom: 0px;
    text-align: center;
    font-size: 10px;
    font-family: Verdana;
    color: #888888;
    }

    .yellow {
    color: #ffe400;
    }

    .dedidetails {
    font-family: Arial;
    font-size : 12px;
    line-height: 15px;
    }

    .mouse {
    cursor: pointer;
    }

    .html,body {
    overflow-x:hidden;
    }

    /*/////////
    frontpage
    /////////*/

    #row1 div, #testservers, #row3 div {
    padding: 32px 15px 5px 15px;
    float: left;
    font-size: 9px;
    font-family: Verdana;
    }

    #row1 div {
    width: 209px;
    height: 169px;
    margin: 5px 47px;
    }

    #row2 div {
    float: left;
    text-align: left;
    height: 169px;
    font-size: 9px;
    }

    .row2 {
    width: auto;
    float: left;
    margin: 5px 19px;
    }

    #row3 .row3 {
    text-align: left;
    width: 365px;
    height: 169px;
    margin: 5px 52px;
    }

    #row3 .noc {
    position: relative;
    z-index: 50;
    left: 300px;
    top: 0px;
    width: 75px;
    height: 30px;
    cursor: pointer;
    margin: -30px 0 0 0;
    padding: 0;
    }

    #row4 div {
    float: left;
    margin: 5px 44px;
    }

    /*//////////
    frontpage noc, ads, lgsl & login
    //////////*/

    #testservers {
    width: 209px;
    margin: 5px 19px;
    font-family: Verdana;
    font-size: 9px;
    }

    #toptext {
    padding: 6px 10px 6px 10px;
    background-color: #242424;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    }

    #testservers ul{
    display: block;
    list-style: none;
    }

    #testservers ul li{
    border-bottom: 1px solid #8c8c8c;
    height: 26px;
    }

    #testservers img {
    float: left;
    }

    #loginbox {
    width: 222px;
    padding: 32px 8px 5px 8px;
    margin: 5px 19px;
    }

    #logintabs{
    padding: 0px;
    margin: 4px 0px;
    margin-left: 4px;
    }

    #logintabs img{
    padding: 0px;
    margin: 0px;
    float: none;
    }

    #logintabs li {
    display: inline;
    margin: 0px;
    margin-left: -1px;
    padding: 0px;
    border: 0px;
    }

    #login{
    margin: 0;
    padding: 0;
    }

    #login img{
    margin-top: 12px;
    padding: 0;
    }

    #login p{
    margin-left: 5px;
    margin-top: 2px;
    }

    #login input{
    background: url('<?=$path;?>images/login/input.png') no-repeat;
    border: 0px;
    width: 200px;
    height: 19px;
    padding: 0px 8px;
    }

    #row3 ul{
    display: block;
    list-style: none;
    }

    #row3 li{
    border-bottom: 1px solid #8c8c8c;
    height: 26px;
    }

    #row3 td{
    border-bottom: 1px solid #8c8c8c;
    height: 26px;
    padding: 0px 0px 2px 0px;
    }

    .ads {
    display: none;
    }

    /*///////////
    gameserver page
    ///////////*/

    #metascore{
    background: url("images/gameservers/metascore.gif") no-repeat;
    color: #8bc53f;
    font-family: Arial;
    font-size: 24px;
    font-weight: 700;
    height: 35px;
    padding-right: 43px;
    padding-top: 0px;
    text-align: right;
    width: 180px;
    }

    /*///////////
    dediserver page
    ///////////*/

    #dedis div {
    width: 221px;
    height: 266px;
    margin: 5px 41px;
    padding: 62px 15px 5px 15px;
    float: left;
    font-size: 9px;
    font-family: Ariel, Verdana;
    text-align: left;
    color: #ffffff;
    }

    #dedis h2 {
    margin-bottom: 3px;
    }

    #dedis2 div {
    width: 221px;
    height: 266px;
    margin: 5px 41px;
    padding: 52px 15px 5px 15px;
    float: left;
    font-size: 9px;
    font-family: Ariel, Verdana;
    text-align: left;
    color: #ffffff;
    }

    #dediv .dedidetail {
    position: relative;
    z-index: 50;
    left: 377px;
    top: 46px;
    width: 75px;
    height: 29px;
    cursor: pointer;
    margin: -30px 0 0 0;
    padding: 0;
    }

    #dediv .dedibuynow {
    position: relative;
    z-index: 50;
    left: 377px;
    top: 75px;
    width: 75px;
    height: 30px;
    cursor: pointer;
    margin: -30px 0 0 0;
    padding: 0;
    }

    /*///////////
    contactus & colocation page
    ///////////*/

    #colo-box1{
    /*text-align: justify; */
    margin-left: 100px ;
    width: 800px;
    }

    #colo-box2{
    margin-left: 120px ;
    width: 760px;
    }

    .colo-ul{
    color: rgb(222, 222, 222);
    list-style-type:square;
    text-align: left;
    list-style-position:outside;
    margin-left: 450px;
    }

    h4 {
    font-weight: 700;
    font-size: 20px;
    }

    h5 {
    color: rgb(255, 222, 0);
    font-size: 16px;
    }

    #contactus {
    width: 880px;
    margin: 0px auto;
    text-align: left;
    margin-bottom: 20px;
    }

    .contactus {
    background: url(images/contactus/inputbox-small.png) no-repeat;
    width: 234px;
    height: 23px;
    border: none;
    padding: 0px 6px;
    margin: 4px 0px 6px 0px;
    }

    #snow {
    background: url(images/snow.png) repeat-x;
    position: fixed;
    bottom: 0px;
    color: white;
    height: 20px;
    width: 100%;
    z-index: 92;
    font-size: 20px;
    }

    a.sopa {
      position: absolute;
      background: url(/images/sopa.png) no-repeat 0 0;
      text-indent: -9999px;
      top: 126px;
      display: block;
      width: 546px;
      height: 46px;
      z-index: 1;
      left: 50%;
      margin-left: -273px;z
      outline: none;
    }

        #test {
        float:left;
        margin-left:30px;
        margin-top:25px;
        margin-bottom:25px;
        }

        #test2 {
        float:left; 
        margin-right:50px;
        margin-left:10px;
        margin-top:25px;
        margin-bottom:25px;
        height:225px;
        width:405px;
        }

        #text {
        float:left;
        margin-left:160px;
        margin-top:0px;
        margin-bottom:50px;
        }



.uppercon {
width: 1020px;
height: 385px;
background-color: #282828;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
margin-bottom: 15px;
font-size: 15px;
margin-top: 0px;
}

.hotline {
padding: 0 20px;
width: auto;
margin: 0 auto;
border-top: 3px solid #212121;
display: block;
}

.line {
padding: 0 20px;
width: auto;
margin: 0 auto;
border-top: 3px solid rgba(255,255,255,0.1);
display: block;
}

.innerline {
padding: 0 20px;
width: auto;
margin: 0 auto;
border-top: 1px solid rgba(255,255,255,0.1);
display: block;
}

.lowercon {
width: 1020px;
height: 860px;
background-color: #282828;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 20px;
margin-bottom: 20px;
}

.promotion-text {
width: 1020px;
height: 20px;
font-size: 15px;
border-bottom: 2px outset #ffffff;
}

.gameservers {
width: 240px;
height: 230px;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-bottom: 20px;
margin-left: 20px;
float:left;
}

.latestnews {
width: 450px;
height: 230px;
text-align: center;
text-transform: uppercase;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-bottom: 20px;
margin-left: 280px;
}

.dediservers {
width: 240px;
height: 230px;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-bottom: 20px;
margin-left: 750px;
margin-top: -255px;
}

.login {
width: 240px;
height: 230px;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-bottom: 20px;
margin-left: 20px;
float:left;
}

.noc {
width: 450px;
height: 230px;
text-align: center;
text-transform: uppercase;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-bottom: 20px;
margin-left: 280px;
}

.teamspeak {
width: 240px;
height: 230px;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-bottom: 20px;
margin-left: 750px;
margin-top: -255px;
}

.whyppp {
width: 975px;
height: 230px;
text-align: center;
text-transform: uppercase;
background-color: #141414;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
padding-top: 5px;
margin-left: auto;
margin-right: auto;
}

.bar {
width: 1020px;
height: 120px;
font-size: 15px;
margin-top: 70px;
}

.ls {
width: 200px;
height: 145px;
float:left;
}

.ppp {
width: 200px;
height: 145px;
float:left;
margin-top: -35px;
margin-left: 385px;
margin-right: 250px;
}

.social {
width: 200px;
height: 145px;
float:left;
margin-top: -35px;
margin-bottom: -1035px;
margin-left: 800px;
}

index.php

<?php
$home = true;
$title = 'Home';
include('header.php');
?>
<div class="bar">
    <div class="ppp">
    <a href="index.php">
    <img src="http://plugpayplay.com/images/ppp.png" alt="Logo" /></a>
    </div>
        <div class="social">
            <a href="http://steamcommunity.com/groups/plugpayplay"><img src="Social/Steam.png" alt="Steam" /></a>
            <a href="http://facebook.com/plugpayplay"><img src="Social/Facebook.png" alt="Facebook" /></a>
            <a href="http://twitter.com/plugpayplay"><img src="Social/Twitter.png" alt="Twitter" /></a>
            <a href="http://www.youtube.com/user/PlugPayPlay"><img src="Social/YouTube.png" alt="Youtube" /></a>
        </div>
</div>
<div class="uppercon">
    <div class="promotiontext">
<div class="wrapper">   
                 <div class="container"><div class="menu">  
                 <div><a href="gameservers.php">Game Servers</a></div>  
                 <div><a href="dedicatedservers.php">Dedicated Servers</a></div>  
                 <div><a href="voiceservers.php">Voice Servers</a></div>
                 <div><a href="colocation.php">Colocation</a></div>
                 <div><a href="/forums/">Forums</a></div>
                 <div><a href="news-media.php">News &amp; Media</a></div> 
          </div>
          </div>
          </div>
    <font size="6" face="Anton"><font color="#f54700">HOTTEST</font> <font color="#f7df00">DEAL</font> <font color="#fff">OF THE</font> <font color="#f7df00">MONTH</font></font>
    <div class="hotline"> </div>
    <br />
    <a href="#"><img src="images/hotdeal.png" alt="HotDeal" /></a>
    </div>
</div>
<div class="lowercon">
    <div class="gameservers">
        <font face="Anton" size="5"><font color="#f7df00">GAME</font> <font color="#fff">SERVERS</font></font>
        <div class="line"> </div>
        <br />
        <a href="/gameservers.php"><img src="images/Game Server.png" alt="Game Servers"></a>
    </div>
    <div class="latestnews"> 
        <font face="Anton" size="5">
        <font color="#f7df00">LATEST
        </font> 
        <font color="#fff">NEWS</font>
        <div class="line"> </div>
        <font color="#00bdf4" size="4">PLUGPAYPLay NOW HOSTS CS:GO SERVERS</font>
        <div class="innerline"> </div>
        <font color="#00f47a" size="4">World's Cheapest GSP</font>
        <div class="innerline"> </div>
        <font color="#bff700" size="4">Now VAT Inclusive</font>
        <div class="innerline"> </div>
        <font color="#f7df00" size="4">iPhone 5 Competition</font>
        <div class="innerline"> </div>
        <font color="#f54700" size="4">Check Out Our New Site!</font>
        <div class="innerline"> </div>
        <font color="#fff" size="2">Last Updated: 10/10/2012</font>
        </font>
    </div>
    <div class="dediservers">
        <font face="Anton" size="5"><font color="#f7df00">DEDICATED</font> <font color="#fff">SERVERS</font></font>
        <div class="line"> </div>
        <br />
        <a href="/dedicatedservers.php"><img src="images/Dedi Server.png"></a>
    </div>
    <div class="login">
        <font face="Anton" size="5">
        <font color="#f7df00">PRICE</font>
        <font color="#fff">PROMISE</font>
        </font>
        <div class="line"> </div>
    </div>
    <div class="noc">
        <font face="Anton" size="5"><font color="#f7df00">NOC</font> <font color="#fff">MORE INFO</font>
        <div class="line"> </div>
        <font color="#00bdf4" size="4"> test </font>
        <div class="innerline"> </div>
        <font color="#00f47a" size="4"> test </font>
        <div class="innerline"> </div>
        <font color="#bff700" size="4"> test </font>
        <div class="innerline"> </div>
        <font color="#f7df00" size="4"> test </font>
        <div class="innerline"> </div>
        <font color="#f54700" size="4"> test</font>
        <div class="innerline"> </div>
        <font color="#fff" size="2">Last Updated: 10/10/2012</font>
        </font>
    </div>
    <div class="teamspeak">
        <font face="Anton" size="5"><font color="#f7df00">TEAM</font><font color="#fff">SPEAK</font></font>
        <div class="line"> </div>
    </div>
    <div class="whyppp">
        <font face="Anton" size="5"><font color="#f7df00">WHY</font> <font color="#fff">PLUGPAYPLAY?</font></font>
    </div>
</div>
<?php
include('footer.php');
?>
</div>

Thank you, and any help is much appreciated.

  • 2 Contributors
  • 3 Replies
  • 285 Views
  • 20 Hours Discussion Span
  • Latest Post Latest Post by EvolutionFallen
Member Avatar for EvolutionFallen

The lines are coming from borders on the link items in the menus (see style.css.php, line 122).
My recommendation is that you add class="first" to the first <a> tag in each menu, and class="last" to the last <a> tag in each menu. Then in your CSS, create new rules:

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

Edit: To get rid of the extra line at the bottom of the Latest News box, delete the last <div class="innerline"> </div>.
You may also want to read up on modern web standards, especially XHTML 1.0 Transitional, as that's the DOCTYPE you're using. <font> tags are deprecated (that means old and out of use), and they should not contain other <font> tags and certainly not <div> tags. Further, general practice for nav menus in XHTML is to use unordered lists, such as

<ul class="menu">
    <li><a href="...">Item1</a></li>
    <li><a href="...">Item1</a></li>
</ul>
Edited by EvolutionFallen because: Provided more info
commented: Didn't actually resolve it at all, changed nothing. +0
Member Avatar for zobadof

Hello,

This doesn't fix it, However, I may have put the code in the header.php wrong. Could you please add in your code into the section and show me? For the header.php I've removed what I added for the time being.

In the css sheet I added it, did I put it in wrong? For now I am testing on "right wrapper"

.rightwrapper {
    width: 32.5%;
    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);
    -moz-border-radius-bottomleft: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    margin-left: 710px;
    margin-top: -78px;
}

.rightcontainer {
    width: 350px;
    margin: 0px auto;
}

.rightmenu {
    height: 60px;
    float: left;
}
div.rightmenu {
    height: 60px;
}

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

div.rightmenu a.first { 
left-border: 0; 
}

div.rightmenu a.last { 
right-border: 0; 
}

div.rightmenu 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.rightmenu a:hover {
    background: transparent none;
}

div.active a{

}


div.menu p:first
{

}
Edited by zobadof
Member Avatar for EvolutionFallen

I made a typo in my message above, it should have been border-left and border-right, not left-border and right-border. Also, how did you solve the issue?

Edited by EvolutionFallen
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.