Thema anzeigen - Dropdown Menu unter den header

Harburger1887 · Forumsteilnehmer Anmeldungsdatum: 26.06.2011 Beiträge: 7

Hallo!

mit Hilfe der hier angegebenen Anleitungen hab ich nun das Dropdown menu für unsere Homepage erstellt.
Wenn ich das jetzt allerdings da einfüge wo es hin soll ,stimmt das hinten und vorne nicht.

Das menu befindet sich jetzt ganz oben über dem Header Link .Dort soll es aber nicht hin.
Es soll unter den header und die Scrollbar Link

Kann man das dementsprechend verändern das es spo passt und wenn ja wie?

Quellcode:
<title></title>
<meta name="author" content="gellers">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<body background="Bilder/blauhintneu.gif">
<p align="center"><img src="Bilder/Oben Bild fertig.jpg" alt="" border="2" width="921" height="104"> </p>

<div class="tticker"><marquee scrollamount="2" scrolldelay="20"><b><font color="#FFFFFF">+++</font> </b><b><font color="#FFFFFF">Dortmund -HSV zum BuLi Start am 05.08.12 um 20 Uhr</font></b><b><font color="#FFFFFF">+++</font> </b><b><a href="http://bundesliga.de/de/liga/matches/2011/index.php"><font color="#FFFFFF"><b>Neuer Spielplan Online</b></font></a><b><font color="#FFFFFF">+++</font></b></font><font color="#FFFFFF"><font size="+1"><b>Besucht uns auch bei</b> </font></font><a href="http://www.facebook.com/home.php?sk=group_141323862587190&ap=1"><font color="#FFFFFF"><font size="+1"><b>FACEBOOK!!</b></font></font></a></marquee></a>
<style type="text/css">
.bereich{
display: block;
color: #FFFFFF;
background-color: #0000FF;
text-align: center;
}

a.link{
display: block;
color: #FFD700;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}

a.link.bereich{
display: block;
background-color: #000000;
width: 100px;
height: 25px;

}

a.link:hover{
display: block;
color: #000000;
background-color: #FFD700;
}
</style>

<script type='text/javascript'>
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>

<table cellPadding=0 cellSpacing=0 style="position: absolute; top: 10px; left: 150px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#1')" onMouseout="anzeigen('menue#1')">
<img src="Buttons/kontaktbuttonneu.jpg" width=140 height=30>
<span id="menue#1" style="display: none;">
<a href="http://harburgvikings.de/deluxemailer/index.php" class="link">Direkt Kontakt</a>
<a href="mailto:webmaster@harburgvikings.de" class="link">Webmaster</a>
<a href="mailto:bine@harburgvikings.de" class="link">Vorstand</a>
<a href="http://www.facebook.com/home.php?sk=group_141323862587190&ap=1" class="link">Facebook</a>

</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#2')" onMouseout="anzeigen('menue#2')">
<img src="Buttons/ueberunsbuttonneu.jpg" width=140 height=30>
<span id="menue#2" style="display: none;">
<a href="http://harburgvikings.de/ueberuns.html" class="link">Vorstellung</a>
<a href="http://gaestebuch.gbserver.de/volker35,1.html" class="link">Gästebuch</a>
<a href="http://harburgvikings.de/mambo" class="link">Mitgliederbereich</a>
<a href="" class="link">Satzung</a>
<a href="http://harburgvikings.de/empflinks.html" class="link">Links</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')" onMouseout="anzeigen('menue#3')">
<img src="Buttons/Ontourbuttonneu.jpg" width=140 height=30>
<span id="menue#3" style="display: none;">
<a href="http://www.harburgvikings.de/gallery2/main.php?g2_itemId=406" class="link"> Bremen 2008</a>
<a href="http://www.harburgvikings.de/gallery2/main.php?g2_itemId=408" class="link"> Dortmund 2009</a>
<a href="http://www.harburgvikings.de/gallery2/main.php?g2_itemId=410" class="link"> Köln 2009</a>
<a href="http://www.harburgvikings.de/gallery2/main.php?g2_itemId=627" class="link"> Hannover 2010</a>
<a href="http://www.harburgvikings.de/gallery2/main.php?g2_itemId=687" class="link"> Kaiserslautern 2011</a>

</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#4')" onMouseout="anzeigen('menue#4')">
<img src="Buttons/Unserhsv.jpg" width=140 height=30>
<span id="menue#4" style="display: none;">
<a href="http://www.soccerway.com/teams/germany/hamburger-sv/" class="link">Spielplan</a>
<a href="http://www.soccerway.com/teams/germany/hamburger-sv/squad/" class="link">Unser Team</a>
<a href="http://www.soccerway.com/teams/germany/hamburger-sv/venue/" class="link">Unser Stadion</a>
<a href="http://www.hsv.de/news/" class="link">HSV News</a>
<a href="http://www.hsv-sc.de/aktuelles/supporters-aktuell.html" class="link">Supporters Aktuell</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#5')" onMouseout="anzeigen('menue#5')">
<img src="Buttons/Fanclubbuttonneu.jpg" width=140 height=30>
<span id="menue#5" style="display: none;">
<a href="http://harburgvikings.de/fanclubs.html" class="link">HSV Fan Clubs</a>

</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#6')" onMouseout="anzeigen('menue#6')">
<img src="Buttons/Bulibuttonneu.jpg" width=140 height=30>
<span id="menue#6" style="display: none;">
<a href="http://www.kicktipp.de/vikings" class="link">Tippspiel Vikings</a>
<a href="http://www.kicktipp.de/facebookfans" class="link">Tippspiel Offen</a>
<a href="http://harburgvikings.de/bundesliga.html" class="link">Teams</a>
<a href="http://bundesliga.de" class="link">Bundesliga Aktuell</a>
</span>
</div>
</td>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#7')" onMouseout="anzeigen('menue#7')">
<img src="Buttons/Impressumbuttonneu.jpg" width=140 height=30>
<span id="menue#7" style="display: none;">
<a href="http://harburgvikings.de/impressum.html" class="link">Impressum</a>

</span>
</div>
</td>
</tr>
</table>
</body>
</html>

Elroy · Verfasst am: 10.07.2011 08:58:35 Titel:

Hallo.

Ich kann dir eigentlich nur empfehlen HTML und CSS zu lernen.

Du öffnest mehrmals den body, dein CSS steht im body anstatt im head, du hast kein Charakter encoding, du benutzt inline Styles obwohl du ein CSS hast, du benutzt Tabellen zu Layoutzwecken, dein Menü ist nicht als Liste ausgezeichnet....

um jetzt nur mal die groben Fehler zu nennen.

Den Code komplett neu zu schreiben ist weniger zeitaufwendig als alle Fehler zu verbessern.

Gruss
Elroy

Harburger1887 · Forumsteilnehmer Anmeldungsdatum: 26.06.2011 Beiträge: 7

Elroy · Verfasst am: 10.07.2011 17:07:25 Titel:

Es gibt sicher eine Möglichkeit, aber bei so fehlerhaftem Code leiste ich keinen Support.

Ich müsste mit dir erst mal die gesamte Webseite korregieren. Das ist einfach zu zeitaufwendig.

Vielleicht jemand anderes hier im Forum.

Gruss
Elroy

Harburger1887 · Forumsteilnehmer Anmeldungsdatum: 26.06.2011 Beiträge: 7