Ich bräuchte hilfe bei einem Coden problem. Ich habe ürgendwo bei mir einen Fehler rein gehauen so das die ganze Navigation sich nach unten verschiebt.
Hier die Codes:
Text über dem Design:
<div id="headertop"> </div> <div id="logo"> </div> <div id="addthis"><div class="addthis_toolbox addthis_32x32_style addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="groups/104205706362682/"></a>
<a class="addthis_button_youtube_follow" addthis:userid="CWLSoccerLiga"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f4569494f3d5a5b"></script> <!-- AddThis Button END --></div> <div id="headertext"> </div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://philipp7.bplaced.net/gal/coin-slider.min.js">
</script>
<link type="text/css" href="http://philipp7.bplaced.net/gal/coin-slider-styles.css" rel="stylesheet" />
</a>
<script type="text/javascript">
<!-- Verstecke fuer aeltere Browser --
$(document).ready(function(){
$('#coin-slider').coinslider({navigation:true, width: 500, height: 250, delay: 5000 });
});
// -- Ende verstecken -->
</script>
<div style="width:XXXpx; margin: 0 auto; overflow:hidden; position:relative;"> <ul id="liste"><li><a href="http://cwl-soccer.de.tl/1-.-Bundesliga-.htm"><img src="http://static.weltsport.net/bilder/wettbewerbe/100/1.gif" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/1-.-Bundesliga-Tabelle.htm">=> Tabelle</a></li><li><a href="http://cwl-soccer.de.tl/DFB_Pokal.htm">=> DFB-Pokal</a></li><li><a href="http://cwl-soccer.de.tl/1-.-Bundesliga-History.htm">=> History</a></li><li><a href="http://cwl-soccer.de.tl/1-.-Bundesliga-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/Kader-%26-Finanzen-1-.-Bundesliga.htm">=> Kader</a></li></ul></li><li><a href="http://cwl-soccer.de.tl/Primera-Divisi%F3n.htm"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt1xg15z8otv2.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/Primera-Divisi%F3n-Tabelle.htm">=> Tabelle</a></li><li><a href="http://cwl-soccer.de.tl/Copa-del--Rey-.htm">=> Copa del Rey</a></li><li><a href="http://cwl-soccer.de.tl/Primera-Divisi%F3n-History.htm">=> History</a></li><li><a href="http://cwl-soccer.de.tl/Primera-Divisi%F3n-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/Kader-%26-Finanzen-Primera-Division.htm">=> Kader</a></li></ul></li><li><a href="http://cwl-soccer.de.tl/Serie-A.htm"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt21jgq842uza.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/Serie-A-Tabelle.htm">=> Tabelle</a></li><li><a href="http://cwl-soccer.de.tl/Coppa-Italia.htm">=> Coppa Italia</a></li><li><a href="http://cwl-soccer.de.tl/Serie-A-History.htm">=> History</a></li><li><a href="http://cwl-soccer.de.tl/Serie-A-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/Kader-%26-Finanzen-Serie-A.htm">=> Kader</a></li></ul></li><li><a href="http://cwl-soccer.de.tl/Premier-League.htm"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt3bw0dcrgty2.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/Premier-League-Tabelle.htm">=> Tabelle</a></li><li><a href="http://cwl-soccer.de.tl/FA_Cup.htm">=> FA-Cup</a></li><li><a href="http://cwl-soccer.de.tl/Premier-League-History.htm">=> History</a></li><li><a href="http://cwl-soccer.de.tl/Premier-League-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/Kader-%26-Finanzen-Premier-League.htm">=> Kader</a></li></ul></li><li><a href="http:///www.abc.de"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt4ikxrjl8o9e.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/Championship-Tabelle.htm">=> Tabelle</a></li><li><a href="http://cwl-soccer.de.tl/FA_Cup.htm">=> FA-Cup</a></li><li><a href="http://cwl-soccer.de.tl/Championship-History.htm">=> History</a></li><li><a href="http://cwl-soccer.de.tl/Championship-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/Kader-%26-Finanzen-Championship.htm">=> Kader</a></li></ul></li><li><a href="http://cwl-soccer.de.tl/Internationale-Liga.htm"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt5hyt60f4xmq.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/International-Tabelle.htm">=> Tabelle</a></li><li><a href="http://cwl-soccer.de.tl/International-Pokal.htm">=> Pokal</a></li><li><a href="http://cwl-soccer.de.tl/International-History.htm">=> History</a></li><li><a href="http://cwl-soccer.de.tl/International-Pr.ae.mien.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/Kader-%26-Finanzen-Internationale-Liga.htm">=> Kader</a></li></ul></li><li><a href="http://cwl-soccer.de.tl/EL-Tabelle.htm"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt9kj0q2dw5bx.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/EL-Torsch.ue.tzenliste.htm">=> Torschützen</a></li><li><a href="http://cwl-soccer.de.tl/EL-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/EL-History.htm">=> History</a></li></ul></li><li><a href="http://cwl-soccer.de.tl/CL-Tabelle.htm"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt10kyto6mgxa1.png" alt="" /></a><ul><li><a href="http://cwl-soccer.de.tl/CL-Torsch.ue.tzenliste.htm">=> Torschützen</a></li><li><a href="http://cwl-soccer.de.tl/CL-Pr.ae.mie.htm">=> Prämien</a></li><li><a href="http://cwl-soccer.de.tl/CL-History.htm">=> History</a></li></ul></li></ul>
Text unter dem Design:
<div id="footer_container"> <div id="footer"> <br/><br/><a href="http://www.omba.de.tl" >Design made by
www.omba.de.tl Copyright © 2011 </a><br /></div>
<div id="unten"> <a href="http://www.transfermarkt.de/"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt6x6ndm1btiu.png" alt="" /></a> <font color="#000000">-------------------</font> <a href="http://www.weltfussball.de/"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt8rw8zebkx6l.png" alt="" /></a> <font color="#000000">-------------------</font><a href="http://cwl-soccer.bplaced.net/"><img src="http://img4.fotos-hochladen.net/uploads/unbenannt72gxc0qpkvy.png" alt="" /></a>
</div>
CSS-Code
ohne Style Tags:
/*DESIGN POWERED BY
www.omba.de.tl Copyright (c) 2011. Das ist das GamingDesign Version 1.0. Das Copyright darf nicht entfernt werden!!*/ td[height="102"] { position:absolute; left:50%; margin-left:-376px; } body { background-color: #000000; background-image: url(http://img4.fotos-hochladen.net/uploads/gamingbackroun5ms7nb2dh0.jpg); } #container { width: 900px; height: auto; margin: auto; overflow: hidden; margin-top: 326px; background-color: #000000; } #content { float:right; margin-top: 345px; margin-bottom: 20px; width: 860px; padding-top: 20px; padding-right: 20px; padding-left: 20px; color: #006400; font-size: 14px; font-family: tahoma; text-align: left; } #content a { font-size: 14px; color: #FFFFFF; text-decoration: none; font-family: arial; }
#nav_container { position: absolute; left: 50%; top: 300px; margin-left: -489px; width: auto; height: 22px; text-align: left; border-top: 0px solid #000000; background-image:url(); } li.nav_element { display: inline-block; text-align: center; height:38px; padding: 20px; width: auto; background-image:url(); } li.nav_element a { font-size:13px; color: #9a9a9a; font-family: Tahoma; font-weight: bold; text-decoration: none; } li.nav_element:hover { height:22px; background-color: #000000; } li.nav_element:hover a { font-size:13px; color: #ffffff; font-family: Tahoma; font-weight: bold; text-decoration: none; } #headertop { width:100%; position:absolute; left: 0%; height: 310px; margin-top: -0px; background-image: url(http://img4.fotos-hochladen.net/uploads/2011wall2bn52pxokyes.jpg); } #footer { width:100%; position:absolute; left: 0%; margin-top: 14px; height:100px; text-align:center; padding: 15px; background-color: #000000; border-top: 1px solid #000000; font-size:14px; color:#a9a9a9; } #footer a { color:#ffffff; } #footer a:hover { color: #922626; } #sidebar_container{display: none;} #unten { position: absolute; left: 50%; top: 386px; margin-left: -430px; height: 5px; text-align: left; padding: 0px; width: auto; background-image:url(); color: #ffffff; } #unten a { font-size:11px; color: #ffffff; font-family: verdana; font-weight: bold; text-decoration: none; } #unten a:hover { color: #006400; } #logo { position: absolute; left: 50%; top: 230px; margin-left: -454px; width: 280px; height: 50px; background-image: url(http://www.fotos-hochladen.net/uploads/avatarbody8duxnms6l5.png); } #addthis { position: absolute; left: 50%; top: 381px; margin-left: 174px; width: auto; height: auto; background-image: url(); } #headertext { position: absolute; left: 50%; top: 455px; margin-left: -430px; width: 849px; height: 331px; background-image: url(http://img.webme.com/pic/o/omba/gaming2_deinbild.jpg); } h2#title{display:none;} h1#header {display:none;} #header-container {display:none;} #nav_heading{display:none;} #sidebar_heading {display:none;} #pre_content {display:none;} #pre_header {display:none;} #post_header {display:none;} #post_content {display:none;} #below_content{display:none;} #extraDiv2 {display:none;} #extraDiv3 {display:none;} #extraDiv4 {display:none;} #extraDiv5 {display:none;} #extraDiv6 {display:none;} div.header{display: none;} #counter{display:none;}
#klappmenu {position: absolute;top: XXXpx;left: XXXpx; /* Abstand von Links */height:37px;background-color:#000000;overflow: visible;}#klappmenu ul {list-style-type:none; margin:0px; padding: 0px;}#liste ul li {margin: 0; border: none;}#liste li {width:135px;height:35px;float: left;text-align:center;margin-right:3px;margin-left:3px;}#liste a {width:135px;height:35px;display:table-cell;vertical-align:middle;color:#ffffff;font-size:13;background-color:#000000;text-decoration:none;}#liste a:hover {color:ffffff;background-color:#5c5a5a;}#liste li ul { display:none; }#liste li:hover ul { display:block; }
