Anfängerfrage zu einer bestimmten puren CSS-Navigation

[Trabilady]

Hallo an alle CSS-ler ,

ich habe ein Drop-Up-Menü gefunden, welches mir sehr gut gefällt und auch praktisch ist, da es im Problemkind IE funktioniert.(Hier zu finden)

Leider ist es für mein persönliches Vorhaben unpraktisch und müsste umgeschrieben werden in ein Drop-Down-Menü, welches die schwarzen Felder im oberen und das Bild im unteren Bereich hat. Allerdings tu ich mich irgendwie schwer damit und bekomm es allein nicht hin. :hmpf:

Ich würde mich freuen, wenn ihr mir anfängergerecht helfen könntet :rot:

Liebe Grüße und schon mal vielen Dank im Vorraus.

 

[Gegenstrom]

AW: Anfängerfrage zu einer bestimmten puren CSS-Navigation

http://wips.kilu.de/

du meinst so?
wobei ich die umsetzung der navi nicht gelungen finde, also die ausgangsnavi
aber angepasst, einfach das bild nach unten im html-quelltext

      </ul>
    <p class="image"><img src="http://www.pmob.co.uk/temp/images/zimg5.jpg" width="790" height="300" alt="Example image" /></p>
</div>
</body>
</html>

und dann in der css schauen wo is der punkt?

#nav li ul {
    position: absolute;
    left: 0; 
    top:0; ->war davor bei -450 oder sowas
    padding-top:235px; -> is neu dazu gekommen um die nav nach oben hin nach unten zu verschieben
    margin-left:-999em;
    border:none;
    height:55px; -> war davor auch bei 455px?
    width:199px;
    background:#000;
    border-right:1px solid silver;
 /*opacity for IE5+*/
  filter: alpha(opacity=70);
  /*opacity for older Mozilla browsers*/
  -moz-opacity: 0.7;
  /*opacity for mozilla/safari*/
  opacity: 0.7;
}

und fertig is es
die nav is über position absolut aufgebaut, du siehst die eigentliche nav nicht dass sie durch das margin-left-999px außerhalb der sicht ist und wird dann via hover einfach wieder an den platz geholt wo se hingehört, könnte man eleganter lösen, aber im grunde wars das vom erklären
im ie7 muss nochn hack rein, grad gesehen

* + html #nav li ul {
    height:220px;
}

kommt einfach mit in die css rein

und mal nebenbei, die nav funzt im ie8 nicht richtig dort wird die ul in vollem schwarz angezeigt anstatt durchsichtig

 

[Trabilady]

AW: Anfängerfrage zu einer bestimmten puren CSS-Navigation

Vielen lieben Dank für Deine Mühe. Was die Navi betrifft, hast Du absolut recht - daran will ich noch arbeiten - bin aber für Tipps immer offen O