Hallo,
hab da mal wieder etwas gefunden, wo ich net wirklich weiter komm, drum bitte ich Euch um Hilfe. Habe mal ansatzweise ein Menü erstellt (fast abgetippt), dass i-wie net richtig funktioniert: http://don1909.lima-city.de/sonstiges/Test_css.htm
Die Vorlage dazu habe ich von hier: http://barrierefrei.e-workers.de/workshops/tricks/menues.php
Ich möchte eben ein Menü haben das aus einer Spalte und 7 Zeilen besteht, die ersten 5 Zeilen sollen auch weiterlinken, die letzten beiden sind noch nicht fertig.
Die Farben anzupassen dürften für mich net das großte Problem sein, sie nach meinen Vorstellungen zu verändern.
Jedoch wie man sieht, kommt man nicht ins Untermenü, außerdem weiß ich nicht wie ich es nach meinen wünschen positionieren kann...
Hier noch das ganze Script:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menü Letztes Spiel Nächstes Spiel Ergebnisse Tabelle Kreuztabelle
Fieberkurve Informationen</title>
<style type="text/css">
#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 2px;
left: 0;
z-index: 200;
}
#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
heigth: auto;
background-color: #624617;
color: #fff;
}
a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}
a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}
#menue {
display: none;
}
.stupidie {
display: block;
postion: absolute;
top: 5px;
left: 0;
z-index: 200;
}
a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}
a.inn {
display: block;
width: 7.9em;
padding: 2px 0;
font-size: 100%;
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}
</style>
</head>
<body>
<div id="menuebox">
<div id="menue">
<div class="aussen">
<span class="menutag">Menü</span>
[url='Letztes_Spiel_F.htm']Letztes Spiel[/url]
[url='Naechstes_Spiel_F.htm']Nächstes Spiel[/url]
[url='Begegnungen_F_8.htm']Ergebnisse[/url]
[url='Tabelle_F.htm']Tabelle[/url]
[url='Kreuztabelle_F.htm']Kreuztabelle[/url]
[url='#']Fieberkurve[/url]
[url='#']Informationen[/url]
</div>
</div>
<!--[if IE]>
<div class"stupidie">
<a class="auss" href="#"><span class="menutag">Menü</span>
<table><tr><td>
[url='Letztes_Spiel_F.htm']Letztes Spiel[/url]
[url='Naechstes_Spiel_F.htm']Nächstes Spiel[/url]
[url='Begegnungen_F_8.htm']Ergebnisse[/url]
[url='Tabelle_F.htm']Tabelle[/url]
[url='Kreuztabelle_F.htm']Kreuztabelle[/url]
[url='#']Fieberkurve[/url]
[url='#']Informationen[/url]
</td></tr></table>
</a>
</div>
<![endif]-->
</div>
</body>
</html>
