BobbaWelt
Neues Mitglied
Hallo!
Also..Ich bin eine totale Anfängerin in HTML,CSS
Ich habe nicht genau gewusst wo dieses Thema genau hinkommt. Enweder bei HTML doer CSS. Dann entschied ich mich für CSS.
Naja jetzt zu dem eigentlichen Problem..
Ich habe bei meiner Homepage ein Template genommen.
Habe das Template raufgeladen und alles hat funktioniert.
Dann Wollte ich die Navigation machen und "paamm" alle Boxen verschoben sich. :-(
Hier ist mal den Link zu der Page:
BobbaWelt - Deine Fanseite zum Habbo.ch
Und hier noch der Code zu der Page:
Ich Hoffe, jemand hat eine Lösung oder das jemand das wieder richtig machen kann und den Code postet.
Vielen dank im Voraus!
Also..Ich bin eine totale Anfängerin in HTML,CSS
Ich habe nicht genau gewusst wo dieses Thema genau hinkommt. Enweder bei HTML doer CSS. Dann entschied ich mich für CSS.
Naja jetzt zu dem eigentlichen Problem..
Ich habe bei meiner Homepage ein Template genommen.
Habe das Template raufgeladen und alles hat funktioniert.
Dann Wollte ich die Navigation machen und "paamm" alle Boxen verschoben sich. :-(
Hier ist mal den Link zu der Page:
BobbaWelt - Deine Fanseite zum Habbo.ch
Und hier noch der Code zu der Page:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]XHTML namespace[/url]">
<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>
</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="[url=http://validator.w3.org/check/referer][Valid] Markup Validation of http://validator.w3.org/ - W3C Markup Validator[/url]" target="_blank">xHTML</a> and <a href="[url=http://jigsaw.w3.org/css-validator/]The W3C CSS Validation Service[/url]" target="blank">CSS</a> | Best viewed in Mozilla FireFox</center></div>
</div>
<!-- End Content -->
</body>
</html>Ich Hoffe, jemand hat eine Lösung oder das jemand das wieder richtig machen kann und den Code postet.
Vielen dank im Voraus!
