Einzelnen Beitrag anzeigen
  #3 (permalink)  
Alt 25.07.2009, 16:23
macmensa macmensa ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.09.2007
Beiträge: 11
macmensa befindet sich auf einem aufstrebenden Ast
Standard

Hi @all...

ich beende mal meine Selbstgespräche hier, da ich nach den nächsten schlaflosen Nächten mein Problem gelöst bekommen habe...

Test Seite

Wer im Hintergrund mitgelesen haben sollte hier nun das fertige HTML und das CSS:

Zitat:
<div id="navi">
<ul>

<li><a href="./1998.html"><div id="raum"><p>Raumfahrt</p></div></a></li>

<li><a href="./1999.html"><div id="shuttle"><p>Space Shuttle</p></div></a>
<ul>
<li><a href="./1999.html">Die Orbiter</a></li>
<li><a href="./1999.html">Aufbau</a></li>
</ul>
</li>

<li><a href="./2000.html"><div id="iss"><p>ISS</p></div></a>

<ul>
<li><a href="./1999.html">Module</a></li>
<li><a href="./1999.html">Chronik</a>
<ul>
<li><a href="./1999.html">Das Jahr 1998</a></li>
<li><a href="./1999.html">Das Jahr 1999</a></li>
<li><a href="./1999.html">Das Jahr 2000</a></li>
</ul>
</li>
</ul>
</li>

<li><a href="./2001.html"><div id="moon"><p>Moon</p></div></a></li>

<li><a href="./2002.html"><div id="ground"><p>Ground Control</p></div></a></li>

<li><a href="./2003.html"><div id="glossar"><p>Glossar</p></div></a></li>

</ul>
</div>
und hier das CSS:

Zitat:
<style type="text/css">

#navi {
position: relative;
width: 165px;
top: 0px;
left: 0px;
}

#navi li {
position: relative;
}

#navi ul {
list-style: none;
margin: 0;
padding: 0;
}

#navi p {
padding-left: 10px;
margin-bottom: 0;
font: bold 12px agency fb, helvetica, sans-serif;
color: #999999;
background-repeat: no-repeat;
background-position: right;
}

#navi a {
text-decoration: none;
}

#navi a:hover {
color: #bdb177;
}

#navi p:hover {
color: #bdb177;
}

#navi ul ul a{
display: block;
font: bold 11px agency fb, helvetica, sans-serif;
background: #666666;
margin: 3 0 0 8;
padding: 2px 3px;
}

#navi ul ul ul a {
margin-left: 20;
margin-top: 3;
}

div#navi ul ul ul,
div#navi ul ul,
div#navi ul li:hover ul ul
{display: none;}

div#navi ul li:hover ul,
div#navi ul ul li:hover ul
{display: block;}



#raum p {
line-height: 40px;
background-image: url("../assets/images/raumb40.jpg");
}

#shuttle p {
line-height: 40px;
background-image: url("../assets/images/shuttleb40.jpg");
}

#iss p {
line-height: 40px;
background-image: url("../assets/images/issb40.jpg");
}

#moon p {
line-height: 40px;
background-image: url("../assets/images/moonb40.jpg");
}

#ground p {
line-height: 40px;
background-image: url("../assets/images/groundb40.jpg");
}

#glossar p {
line-height: 40px;
background-image: url("../assets/images/augeb40.jpg");

</style>
IE funktioniert leider immer noch nicht... Falls dabei jemand Rat weiss sage ich nicht nein dazu... Aber das Hauptproblem ist nun erstmal gelöst...

Danke fürs mitlesen... gruss Mac
Mit Zitat antworten