• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Meine Navigation..

Status
Für weitere Antworten geschlossen.
BobbaWelt

BobbaWelt

Neues Mitglied
Hallo!
Ich bin gerade an einer Homepage..
Zuerst hatte ich das problem, das wo ich die Navigation gemacht habe alle Boxen verschoben.
Dieses Problem ist zum Glück aufgehoben worden :)

Jetzt ist es ein neues..
..Alle Boxen sind ja jetzt am richtigen ort, ausser die "Navigation" nicht.

Weiss jemand wieso, oder was ich machen muss das sie wieder normal wird?


Hier ist der Code zur Page:


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>
Hier könnt ihr es noch anschauen:

www.BobbaWelt.ch.vu


Wäre froh um eine Antwort!

 
Werbung:
opps. hab ich ganz vergessen..
sry :)

Hier ist Der 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;
}
 
Werbung:
:sad: ich habe jetzt noch ein paar versuche gemacht und nichts ist gegangen >.<
Weiss jemand vlt. eine Methode die gehen könnte?

Wäre froh um eine Antwort! :D
 
Wo genau soll denn... die Navigation hin..? finde im CSS Code keinen Fehler eigentlich....
box is auch da wo sie hin soll laut css.... könntest du vllt mal nen Pic machen und zeigen wo die Navi ungefähr hin soll..?
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben