Beiträge von sejuma

Also Beiträge sammeln wär' ich bereit (evtl. auch mal grundlegend schreiben), soweit es meine Materie (vorwiegend CSS) betrifft.
Technisch umsetzen müsste das hier ein Moderator. Was dessen Zeit betrifft: Die spart er durch die FAQ's dann ja ein, da er nicht mehr so viel Fragen beantworten muss.

Die Breiten meine ich insgesamt für alle Browser.

Und du erwartest dass wir dieses möglicherweise infizierte Ding jetzt öffnen sollen?
Mir ging gerade am Wochenende die Festplatte hops. Brauche also keine neuen Probleme. Sorry

Probier's mal mit

background-position: right;

Link wäre hilfreich.

Da beißen sich vielleicht auch die conditional comments für den IE6 (Tabellen) mit dem Grundcode.
Versuch doch einfach mal das Menue nach Dr. Web abzuarbeiten (oder anzupassen) und lass alles andere an Spezialdefinitionen weg.
Eine fixe Breite wirst du brauchen. Allein schon deshalb, damit es eine gleichbreite Liste mit den Untermenues gibt.

Wenn ein Hexa-Farbcode aus drei Ziffernpaaren besteht, kann man ihn dreistellig abkürzen:
Beispiel: rot = #ff0000
Abgekürzt: #f00
oder weiß: #ffffff = #fff

Spart Webspace und Traffic (ungemein!)

In der Rubrik "Einsteiger und HTML" vergeht keine Woche, wo bestimmte Fragen nicht mehrmals gestellt werden.
Beispiele aus dem sich stets wiederholenden Fragenkatalog:
Wie bringe ich meine HP online?
Wie kann man Links eine abweichende Farbe geben?
Wie mache ich ein Dropdown-Menue?
Warum werden meine Bilder auf der HP nicht angezeigt?
Wie wird eine Navi includet?
usw.

Mal abgesehen davon, dass es eine Suchfunktion gibt hielte ich es für sinnvoll gerade für solche sich wiederholenden Themen eine FAQ als ersten Beitrag oben im jeweiligen Themenforum anzupinnen.
Entweder ein Webmaster schreibt dort die Anworten, die er aus den vielen Beiträgen herausfiltern müsste, oder es werden Links gesetzt zu eben solchen Beiträgen, die auch dann fundierte Antworten enthalten müssten.
Hier mal ein Beispiel wie das aussehen könnte.
Werden derartige Fragen neu gestellt, reicht dann ein Verweis auf die FAQ.

Einige CSS-Kenntnisse solltest du haben oder dir aneignen (Buchtipp: "Jetzt lerne ich CSS" von Florence Maurice).

Das Grundprinzip für solche Layouts findest du hier:
http://www.css4you.de/wslayout1/ex0008.html
http://www.css4you.de/wslayout1/ex0010.html
http://www.stichpunkt.de/css/3-box2.html

So langsam check ich was du wohl meinst. Du willst vermutlich den Link der jeweils geöffneten Seite mit weißem Hintergrund haben.
Falls dem so ist, findest du hier entsprechende Anleitungen:
http://www.alistapart.com/articles/keepingcurrent/
http://www.friedels-home.com/index.htm?/Boa…topic.php?t=473

Du könntest ja auch einen CSS-Style-Switcher einbauen (siehe meine HP oben unter "myPteam") und mehrere Designs zur Auswahl anbieten.

Zitat von SPMan

[i]
Obwohl es im Original funktioniert, wird es im IE6 (und kleiner) zerhauen.
In allen aktuellen Windowsbrowsers (IE7, FF2, Opera9 und auch im FF1.5) scheint es einwandfrei zu funktionieren.

Aber auch mit festgelegter Breite funktioniert es, im Gegensatz zum Original, bei mir nicht im IE6.

Zitat

Ich habe es im IE6 geprüft.

Also geht's jetzt oder geht's nicht im IE6? Und was geht ggf. nicht?
Hast du einen Link?

Vermutlich weil du einen IE 7 hast.
Es funktioniert bei IE<7 = IE "kleiner" 7 (also bis einschließlich IE 6) nicht.

Schreib in derr CSS bei a: hover
statt "border-bottom:none;"
nur

border:none;

Du hoffst falsch. Das versteh zumindest ich nicht. Nur Bahnhof!

Der IE<7 kann kein Ausklappmenue weil er den hover-Befehl nur bei den a-Tags, nicht aber bei den li-Tags interpretieren kann.
Entweder du nimmst ein reines CSS barrierefreies Menue bei dem du aber sehr viele Spezialdefinitionen für den IE hinterlegen musst, oder du nimmst eine Lösung mit etwas Javascript, bei der eine csshover.htc-Datei den IE trimmt wie hier beschrieben

Müsste z.B. mit einem CSS-Popupfenster gehen:

CSS

a.bild1{
    position:relative;
    z-index:1; background-color:#ccc;
    color:#000;
    text-decoration:none}


a.bild1:hover{z-index:2; background-color:#ff0}


a.bild1 span{display: none;
background-image: url(bild1.gif);
}


a.bild1:hover span{
    display:block;
    position:absolute;
    top:3em; left:20em; width:150px;height:200px;
    border:1px solid #0cf;
 color:#000;
    text-align: center}

HTML

Normaler Text [url='#']Hover Text mit Bildeinblendung<span></span>[/url] normaler Text

Die Position bei

a.bild1:hover span

muss dann der des Ursprungsbildes entsprechen.

Genauso isses: Tabellen sind nicht generell tabu, aber dort wo sie sich für eine Struktur anbieten, sollte man sie auch verwenden.
Evtl. kommt noch das ul/li-Format in Betracht, aber Tabelle ist sicher einfacher.

Dann mach's halt umgekehrt:
Nimm für die Bilder die normalen Links und lass da das border-bottom weg.
Für die Textlinks nimm dann eine andere Klasse mit border-bottom.

Dein Code ist o.k.
Du kannst das aber nicht offline testen, da bekommst du Fehlermeldungen; es sei denn, du hast auf deinem PC XAMPP installiert.
Somit musst du alle Dateien auf einen php-fähigen Webserver hochladen.
In der Datei navi.php müssen sich die einzelnen HTML-Links befinden.

Da müsstest du für jedes Feld einen absolut (oder relativ) positionierten div nehmen und dessen Position, Höhe und Breite bestimmen.
Halte ich für ziemlich unständlich, obwohl ich CSS-Fan bin.
In diesem Fall halte ich deshalb einen Tabellenaufbau für sinnvoller.