Hallo!
Ich habe ein Problem bei meiner Homepage.
Das Schild "Navigation" Zeigt es 2x an..
Ich weiss nicht wie ich das ändern kann:S
Link:
BobbaWelt - Deine Fanseite zum Habbo.ch
Hier ist der HTML Code:
Und hier noch den CSS Code:
Ich hoffe ihr könnt mir Helfen!
mfg BobbaWelt
Ich habe ein Problem bei meiner Homepage.
Das Schild "Navigation" Zeigt es 2x an..
Ich weiss nicht wie ich das ändern kann:S
Link:
BobbaWelt - Deine Fanseite zum Habbo.ch
Hier ist der HTML Code:
Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BobbaWelt</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="banner"></div>
<div id="bar">Whatever here...</div>
<div id="gradient"><div><img src="images/top.png" alt="Top" /></div> </div>
<div id="container">
<!-- Left -->
<div id="left">
<div>
<img src="images/navigation.png" alt="Navigation" />
</div>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="habbohotel.html">Habbohotel</a></li>
<li><a href="bobbawelt.html">BobbaWelt</a></li>
<li><a href="fancenter.html">Fancenter</a></li>
<li><a href="goodys.html">Goodys</a></li>
<li><a href="community.html">Community</a></li>
<li><a href="weahledeinwunschthema.html">Wähle dein Wunschthema</a>
</li>
</ul>
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/user.png" alt="User Login" /></div>
<div class="box"> In bearbeitung ;)</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/disclaimer.png" alt="Disclaimer" /></div>
<div class="box"> In bearbeitung ;)</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<!-- End Left -->
<!-- Right -->
<div id="right">
<div><img src="images/headlines.png" alt="Latest Headlines" /></div>
<div class="box"> In bearbeitung ;)</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/stats.png" alt="Site Statistics" /></div>
<div class="box">
In bearbeitung ;)
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/charts.png" alt="Latest Charts" /></div>
<div class="box"> In bearbeitung ;)</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
</div>
<!-- End Right -->
<!-- Content -->
<div id="contentcontainer">
<div id="content">
In bearbeitung ;)
</div>
<div><img src="images/content_bottom.png" alt="Content Bottom" /></div>
<div style="color: #adaf96;"><center>This layout is designed and coded by Jibbish for free<br />
Valid <a href="http://validator.w3.org/check/referer" target="_blank">xHTML</a> and <a href="http://jigsaw.w3.org/css-validator/" target="blank">CSS</a> | Best viewed in Mozilla FireFox</center></div>
</div>
<!-- End Content -->
</body>
</html>
Und hier noch den CSS Code:
Code:
@charset "utf-8";
/* Designed & Coded By Jibbish Of Habbo UK */
body
{
background: #dadbd0;
margin: 0px;
font-family: Tahoma;
font-size: 11px;
color: #adaf96;
}
a, a:link, a:hover, a:visited
{
font-weight: bold;
text-decoration: none;
color: #7ed0e4;
}
td, tr, div
{
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#banner
{
background: url(images/banner.png) no-repeat #99d9ea;
height: 118px;
width: 100%;
}
#bar
{
background: url(images/bar.png);
height: 19px;
width: 100%;
font-family: Tahoma;
font-size: 11px;
color: #FFFFFF;
padding-top: 4px;
}
#gradient
{
background: url(images/gradient.png);
height: 4px;
width: 100%;
text-align: center;
}
#contentcontainer
{
width: 389px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
text-align: left;
margin: 0 auto;
}
#content
{
background: url(images/content.png);
width: 379px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#box
{
background: url(images/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
* {
margin: 0px;
padding: 0px;
}
.box
{
background: url(images/box.png);
width: 202px;
padding-left: 5px;
padding-right: 5px;
font-family: Tahoma;
font-size: 11px;
color: #cccaca;
}
#left
{
width: 221px;
float: left;
}
#right
{
width: 215px;
float: right;
text-align: left;
margin: 0 auto;
}
#container
{
text-align: left;
margin: 0 auto;
width: 832px;
}
Ich hoffe ihr könnt mir Helfen!
mfg BobbaWelt