- Joined
- Apr 24, 2011
- Messages
- 1,235
- Reaction score
- 405
My top bar (nav bar) is showing bullet points and I haven't added it to any of the coding, link to website is
Index.htlm
CSS
Can someone please help me?
You must be registered to see links
Index.htlm
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>KidRamboDubstep Official | Home</title>
<!-- ////////////////////////////////// -->
<!-- // Start Stylesheets // -->
<!-- ////////////////////////////////// -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- begin of container 960px center -->
<div id="container">
<!-- begin of topnavigation -->
<div id="topnavigation">
<span class="toplink"><a href="http://soundcloud.com/dirty-dub-productionz">Soundcloud - Kid Rambo Dubstep</a> </span>
</div>
<!-- end of topnavigation -->
<div id="main-curve-top"></div>
<!-- begin of main -->
<div id="main">
<!-- begin of top -->
<div id="top">
<div id="logo"><a href="index.html"><img src="http://forum.ragezone.com/images/logo.png" alt="" /></a></div>
</div>
<!-- end of top -->
<!-- BEGIN OF MAINMENU -->
<div id="mainmenu">
<ul id="menu">
<li class="home"><a href="index.html"><img src="http://forum.ragezone.com/images/icon-home.gif" alt="" /></a></li>
<li><a href="about.html">About me (coming soon)</a></li>
<li><a href="teaml7.html">About my Team (TeamL7)(coming soon)</a></li>
<li><a href="music.html">My Music (coming soon)</a></li>
<li><a href="http://forum.kidrambodubstep.com">Our Forum (Coming soon)</a></li>
</ul>
</div>
<!-- END OF MAINMENU -->
CSS
PHP:
@charset "utf-8";
/* ----------------------------------
KidRamboDubstep Official Site CSS */
body {
font-family:Arial,Verdana,Tahoma;
font-size:12px;
color:#FFFFFF;
line-height:18px;
padding:0px;
margin:0px;
background: #000000;
}
/* Links */
a, a:visited{
color: #FF00D5;
text-decoration: none;
}
a:hover{
color: #D601FF;
text-decoration: underline;
}
a img{
border: 2px #7801FF;
}
.imgcenter{
margin:2px auto 15px auto;
display:block
}
.imgmiddle{
vertical-align:middle;
margin-right:8px;
}
.imgleft{
float:left;
margin:4px 18px 20px 0px;
}
.imgright{
float:right;
margin:4px 0px 20px 18px;
}
hr {
background-color:#000000;
border-width:0;
color:#FFF;
height:1px;
line-height:0;
margin:30px 0px !important;
page-break-after:always;
clear:both;
}
hr.double {
background-color:#000;
border-width:0;
color:#FFF;
height:2px;
line-height:0;
margin:30px 0px;
page-break-after:always;
}
strong{color:#6E6E6E;}
/* heading */
h1, h2, h3, h4, h5, h6{
color:#FFF !important;
margin-bottom:12px;
}
h1{font-size:24px;line-height:26px;}
h2{font-size:22px;line-height:24px;}
h3{font-size:18px;line-height:20px;}
h4{font-size:16px;line-height:18px;}
h5{font-size:14px;line-height:16px;}
h6{font-size:13px;line-height:15px;}
/* text styled */
.boldtext-medium{font-size:12px; font-weight:bold; color:#000000}
.boldtext-strong{font-size:20px; font-weight:bold; color:#000000}
.{font-size:36px; color:#0004ff; font-weight:bold}
.boxtitle-releases{font-size:14px; color:#006384; font-weight:bold; padding:0px 0px 15px 0px; display:block; line-height:10px;}
.redtext{
color:#006384;
}
small{font-size:11px;}
/* Container
------------------------------------------------------*/
#container{
width:960px;
margin:0 auto;
}
/* Topnavigation
------------------------------------------------------*/
#topnavigation{
background-repeat:no-repeat;
background-position:top center;
text-align:right;
font-size:11px;
height:39px;
width:960px;
}
#topnavigation a, #topnavigation a:visited{
color:#FFF;
padding:0px 10px;
}
.toplink{line-height:40px; text-shadow:0px 1px 0px #000;}
/* Main
------------------------------------------------------*/
#main-curve-top{
width:960px;
background-repeat:no-repeat;
height:7px;
background-position:bottom;
background-color;#610151;
}
#main-curve-bottom{
width:960px;
background-repeat:no-repeat;
height:7px;
background-color:#000;
}
#top{height:107px; position:relative;}
}
/* Main Menu
------------------------------------------------------*/
#mainmenu{
background-repeat:no-repeat;
width:920px;
height:39px;
}
#mainmenu ul{line-height:38px; z-index:100;position:relative; float:left;}
#mainmenu ul li{
float:left;
padding:10px 0px 9px 25px;
color:#610151;
background-image:none;
position:relative;
}
#mainmenu ul li a, #mainmenu ul li a:visited{
color:#000;
text-decoration:none;
text-shadow:0px 1px 0px #7F7F7F;
width:115px;
}
#mainmenu ul li li a{
display:block;
float:left;
}
#mainmenu ul li a:hover{
text-decoration:none;
color:#005B7A;
}
#mainmenu ul li.home img{padding-top:2px; vertical-align:top}
.menu li li{
margin:0 0 0px 0px;
padding:0px;
position:relative;
z-index:100;
}
#menu li li{
margin:0 0 0px 0px !important;
padding:0px !important;
position:relative;
z-index:100;
line-height:20px !important
}
#menu ul{
display:none;
position:absolute;
top:39px;
left:11px;
width:135px;
padding:0px 0px 8px 0px !important;
background-color:#610151;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;
}
#menu ul ul{top:0px; left:135px;}
#menu li ul a, #menu li ul a:visited{
width:105px;
padding:0px 15px 0px 15px;
font-size:12px;
color:#000 !important;
line-height:24px;
z-index:100;
text-decoration:none;
}
/* Header
------------------------------------------------------*/
#header{
background-image:url(../images/bg-header.jpg);
background-repeat:no-repeat;
height:339px;
margin-top:10px;
position:relative;
z-index:40
}
#header-inner{
height:85px;
position:relative;
text-align:right;
}
#header-inner h1{
padding-right:165px;
padding-top:25px;
}
#header-inner .imgtitle{
right:65px;
position:absolute;
top:-22px;
}
Can someone please help me?