Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Dropdownmenu unter dem Header platzieren
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Dropdownmenu unter dem Header platzieren

Pages: [1]

geschrieben von Harburger1887 am 10.07.2011 - 08:27
Guten Morgen.

ich habe ein Dropdown Menu ertsellt welches ich auf unserer HP einbauen wollte.
Leider erscheint das Menu aber ,egal wie ich es auch einfüge ,ÜBER dem header.
Link

Kann man das irgendwie so einstellen das es unter dem header erscheint?

Quellcode:
<html>
<head>
<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>


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.