|
|||
Little Boxes Bd.2 - 2.Menüebene
Hallo,
bin gerade dabei, die zwei Bücher von Hr. Müller durchzuarbeiten. Bis jetzt kann ich gut folgen. Doch eine Sache verstehe ich nicht. Um die zweite Menüebene zu gestalten wird folgendes im Buch geschrieben: #seite02 li#navi02 li a, #seite0201 li#navi02 li a, #seite0201 li#navi02 li strong, #seite03 li#navi03 li a, #seite0302 li#navi03 li a, #seite0302 li#navi03 li strong, { background: #ffeda0; border: none; } a) warum werden für die zweite Ebene wieder die ID-Refernzen #seite02 und #seite03 (1.Ebene) verwendet? b) warum entsteht ein breiterer Rand zwischen 1. und zweiter Menüebene, wenn man diese Zeilen (z.B. für #seite03) weglässt? Zumal ja in einem früheren Arbeitsschritt die 1px breite border-bottom vom Kopfbereich ja durch eine Hintergrundgrafik ersetzt wurde. Somit dürfte es doch zu gar keiner Doppelbildung eines Rahmens kommen, oder? Bin übrigens jetzt neu hier und dies ist mein erster Eintrag/ erste Frage. Find ich alles recht spannend. Nebenbei gefragt (Stichpunkt IE-Patches) Macht es eigentlich Sinn, alle möglichen Patches, die man hier (und anderswo) findet, in einer Musterdatei zusammenzufassen und im HTML-Link immer darauf zu verweisen, egal, ob man nun alle Patches benötigt oder nicht? Gruß Teaser (Michael) |
Sponsored Links |
Sponsored Links |
|
|||
IE-Patches
O.k. Das leuchtet mir ein.
Nun hab ich hier und bei Peter Müller gelesen, dass, wenn der Firefox eine Seite so darstellt wie ich sie mir vorstelle und der IE nicht, es wahrscheinlich an dessen Eigenarten liegt. Nur - wie finde ich bei den vielen Patches, die es für diesen Browser in seinen vielen Versionen gibt, den, der für "meinen" Fall zutrifft? Gibt es da online irgendwo eine Art Liste nach der Art: Wenn.... dann...? Gruß Teaser / Michael |
|
||||
Na, dann bin ich ja wohl dran mit antworten. Ich nehme mal an, dass du mit deiner Frage Kapitel 7 meinst, "Horizontale Navigation mit zwei Ebenen": Und du bist auf S. 150. Stimmt's? Hat ein bisschen gedauert, bis ich die Stelle gefunden habe. Das ist über zwei Jahre her
Zitat:
Breiteren Rand kann ich nicht entdecken. In dem Schritt werden A und STRONG gestaltet, weil sie ansonsten einen border aus Zeile 31 erben (von "#navibereich a,#navibereich strong") und deshalb dann anders aussehen.
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao« |
|
||||
Der erste Versuch ist immer hasLayout (Details dazu: LB1 online und "Über hasLayout") für die relevanten Elemente.
Blättere in "Little Boxes 2" einfach mal ein bisschen weiter, in Kapitel 9 bei der vertikalen Navigation wird das ausführlich gezeigt, wie das geht (ab S. 193).
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao« Geändert von pmmueller (04.11.2009 um 20:19 Uhr) |
|
||||
Zitat:
Der Standardartikel über HasLayout Adobe Bugliste Bugsammlung
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Breite Linie zwischen den zwei Menüreihen
Hallo Peter (falls ich dich so nennen darf).
Das mit li li ist mir schon klar bei #seite02 li#navi02 li a. Was mich verwundert ist der Anfang mit#seite02, die sich - meiner Ansicht nach - doch auf die 1. Menüreihe bezieht, da alle Seiten der 2. Reihe vierstellig sind (0201, 0202 etc.). Meine Logik hätte mir #seite0201 li#navi 02 li a vorgeschlagen und DAS irritiert mich eben ein wenig. Natürlich, deine Beschreibung funzt, aber ich will eben dem "warum" auf dem Grund gehen, damit ich das Prinzip verstehe. Und was die breitere Linie angeht: Wenn du z.B. die Zeile #seite03 li#navi03 li a aus dem Stylesheet rausnimmst, so abspeicherst und dir die Seite dann mal im Firefox oder IE anschaust, dann ist zwischen der 1. und 2. Reihe eine dickere Linie zu sehen, deren Ursprung ich mir nicht erklären kann. Kannst Du mir das erklären? Und danke übrigens an hubspe für die Links!! |
|
||||
Zitat:
Code:
#seite02 li#navi02 li a, #seite0201 li#navi02 li strong ... Zitat:
__________________
HTML & CSS lernen: »Einstieg in CSS« + »Flexible Boxes« | CMS lernen: »Websites erstellen mit Contao« |
|
|||
2.Menüebene
Hallo Peter,
etwas späte Antwort, aber ich war beruflich mom etwas arg eingespannt. Das mit der zweiten Ebene habe ich jetzt endlich begriffen. Die Anweisung #seite02 li#navi02 li a. ist ja sowas wie eine Pfadangabe. Mich hat in dem Kapitel über die Gestaltung der zweiten Menübebene immer der Bezug auf das #seite02 gewundert, die ja was mit der 1. Ebene zu tun hat: #seite02 li#navi02 li a, #seite0201 li#navi02 li a, #seite0201 li#navi02 li strong, #seite03 li#navi03 li a, #seite0302 li#navi03 li a, #seite0302 li#navi03 li strong, { background: #ffeda0; Aber wenn man das als eine Pfadangabe sieht, ist das natürlich klar. Also: ich danke für die Hilfe. |
Sponsored Links |
Stichwörter |
menü, menübuttons, menügestaltung, menüleiste, zwei menüebenen |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Little Boxes | Dieter | Ressourcen | 43 | 15.11.2011 03:05 |
Little Boxes Teil 1: Crashkurs zu HTML und CSS online lesen | pmmueller | Ressourcen | 6 | 25.02.2010 15:17 |
Bescheid: Little Boxes - Teil 0 (Null) | pmmueller | Ressourcen | 29 | 28.12.2008 15:54 |
Little Boxes - Varianten | FloZen | Offtopic | 14 | 03.06.2008 11:10 |
little Boxes | paracelsus | CSS | 5 | 07.08.2007 18:19 |