Untermenü in Listenmenü blendet sich direkt wieder aus

Naja, wenn du die übrigen "Seitenbereiche / -inhalte" ebenfalls in der Tabelle einbettest, ist das "Fixieren" der Blöcke doch überflüssig.

Oder hab ich dich jetzt doch mißverstanden?

mfg Maik
 
Ach ja klar, Denkfehler. Blöd manchmal.

Jetzt taucht gerade noch ein weiteres Problem auf.

Ich habe ja neben den Menüpunkten die roten Kästchen; bisher zusammen in einer extra div angelegt.
Da sich aber beim Öffnen der Untermenüs unter Kompetenzen die Quadrätchen ab "Reparaturen" natürlich auch nach unten verschieben sollen, muss ich sie jetzt doch direkt zum Text anlegen.
Mein Problem ist nur, dass ich das Kästchen entweder vertical oder horizontal ausirchten kann, aber nicht beides.
Heisst: wenn es horizontal mitig ist, dann klebt es aber direkt am Wort.

Ich könnte natürlich pfuschen, und Leerzeichen dazwischen setzen, aber da die Menüpunkte unterschiedlich lang sind, werden die Kästchen nie 100%ig untereinander sitzen.

Hast Du eine Idee.


Hier kurz der aktuelle Link dazu:

http://kessler-creativdesign.de/vonBriel/chronik.html
 
Du kannst die Quadrate durch ein Hintergrundbild für die einzelnen Menüpunkte ersetzen, und dieses mittels background-position wie gewünscht ausrichten.

Und da die Trennlinien beim Aufklappen doch sicherlich auch nach unten wandern sollen, wäre hier anstelle dieser DIV-Blöcke border-bottom angesagt.

mfg Maik
 
Das mit der Linie habe ich gerade schon gemacht.

Das mit den Quadrätchen versuch ich später.
Melde mich dann bestimmt wieder.

Auf jeden Fall mal ein ganz dickes Dankeschön an Dich. Hast mir bis hierhin schon wahnsinnig geholfen.
D A N K E

Andrea
 
Ich hatte bei den Quadraten zwar von Hintergrundbildern geredet, die die DIV-Blöcke im Markup gänzlich überflüssig machen, aber gut ...

Desweiteren solltest du darauf achten, dass ein ID-Bezeichner (bei dir "Quadrate") im (X)HTML-Dokumentbaum nur einmal vergeben werden darf.

Für diesen Fall der Mehrfach-Benennung ist der Klassenbezeichner vorgesehen.

mfg Maik
 
Hallo Maik,

ein Problem hab ich jetzt noch:
warum werden manche Menüpunkte nicht laut den CSS-Vorgaben angezeigt?
Allerdings im IE andere wie im FF (siehe Screenshots)

Und hier noch der CSS-Code:

Code: 
/* CSS Document */

ol { /* Haupmenü */
        list-style:       none;
        padding:          0;
        margin:           0;
        width:            200px;
		
}



li a {
        color: #00FF33;
		text-decoration: none;

}


li a:hover { /* Untermenüpunkte beim Hover  */

		text-decoration: none;
		color:#c0cfe7;
}




li ol { /* Unterenüpunkte ausblenden */
        display: none;

		
}



li:hover ol { /* Unterenüpunkte einblenden */
        display:block;
			
}




.projekt_aktiv {
color: #990000;
}



#link { 
  color: #ffffff;
  text-decoration: none; 
  font-weight: bold;
  

} 

#linkover { 
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;

} 

#link_inaktiv { 
  color: #5a6975;
  text-decoration: none; 
  font-weight: bold;
} 

#link_inaktivover { 
  color: #990000;
  font-weight: bold;
  text-decoration: none; 
}

##EDIT 1##

Habs gefunden:

hatte id="link" bei den anderen vergessen.

Grüße
Andrea

##EDIT 2##

Nein, das war's doch nicht, denn wenn ich den Menüpunkten ne class zuweise, funktioniert ja die Listen-CSS nicht mehr.

Also Problem ist, dass manche Menüpunkte ohne CSS - Zuweisung erscheinen.
Aber eben nur manche, und unterschiedlich in verschiedenen Browsern.
 

Anhänge

  • Screenshot_FF.jpg
    Screenshot_FF.jpg
    79,8 KB · Aufrufe: 19
  • Screenshot_IE.jpg
    Screenshot_IE.jpg
    66,5 KB · Aufrufe: 17
Hi,

in deinem Stylesheet menu.css fehlt dieser Regelmenge im Selektor die vorangestellte Pseudoklasse a:link für die Verweise zu noch nicht besuchten Seiten:
Code: 
a:link, a:visited { color:#ffffff;text-decoration:none; }


Daher auch, je nach besuchten Seiten (geklickten Links) im Browser, die unvollständige bzw. browservoreingestellte Formatierung der übrigen Links.

mfg Maik
 
Sobald ich das mache, werden auch meine Untermenüpunkte so angezeigt - also
a:link { color:#ffffff;text-decoration:none; }

statt vorher mit color: #8ea8d3

Die sollen aber eine andere Farbe haben wie die Hauptmenüpunkte
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück