V1.27-1.29 -> NAV_LIST_UL [Update4]

macangelo · Post by **macangelo** » Mon 11. Dec 2006, 16:46

Der folgende Beitrag hat sich erledigt! meine CSS war fehlerhaft. Nachdem ich das gefixt hatte, trat das Problem nicht mehr auf!

Macangelo

Hi flip-flop

Ich habe Dein Menü in einer weiteren Site angewendet. Der Kunde möchte alle Menüpunkte zentriert haben - je nun, ist ja kein Problem.

Ein Problem ist nur, das im IE Windows das Menü etwas weiter nach rechts eingerückt ist (Auf dem Mac witziger Weise nicht).

Ich habe den Fix in den header eingebaut:

For IE57 we need this at the "header:" section in your template:
Code:

but using Mac it doesn´t work. At this time the best solution are no patch at the header section.!!!! Kh 06/11/14

... mit dem Erfolg, dass alle Menüpunkte nebeneinander aufgereiht werden.

Hast Du eine Idee?

Herzlichen Dank

Macangelo[/code]

Shapeshifter · Post by **Shapeshifter** » Sun 24. Dec 2006, 16:27

Hi,

gibt es das vertikale CSS Menü für mehrere Ebenen? Ich bin auf der Suche nach einer Lösung für ein vertikales multilevel CSS Menü.

Fröhliche Feiertage und viele Grüße

Post by **Oliver Georgi** » Sun 24. Dec 2006, 16:43

Ja, das funktioniert (eigentlich).

Oliver

Shapeshifter · Post by **Shapeshifter** » Sun 24. Dec 2006, 16:55

Sorry, zu viel Glühwein ... die Weihnachtszeit

Ich meinte natürlich horizontal.

Post by **flip-flop** » Sun 24. Dec 2006, 18:24

Meinst du ein Popup Menü? Das ist implementiert, die CSS ist aber bisher noch nicht sehr ausgereift. {NAV_LIST_UL:HCSS,......}
http://www.phpwcms.de/forum/viewtopic.php?t=12165
Z.B. http://www.128.weitzelmedia.de/index.php?install_tmpl7

Die andere Variante mit untereinander liegenden Ebenen muss noch jemand erfinden. (CSS).

Frohe Weihnachten

Knut

Shapeshifter · Post by **Shapeshifter** » Fri 29. Dec 2006, 14:55

Hi,

besteht beim HCSS Menü die Möglichkeit das CSS-Attribut background-image zu verwenden? Bei mir wird das Image nicht angezeigt, obwohl Syntax etc. definitiv korrekt sind. Mir scheint so als ob es irgendwie überlagert wird o.ä.?!

Grüße

Post by **flip-flop** » Fri 29. Dec 2006, 15:12

Hallo,

ich bin der Ansicht, dass die CSS dazu neu geschrieben bzw. überarbeitet werden muss. Das Teil klemmt an allen Ecken und Enden -> cross browsing.
Zudem mag ich diese Popup´s nicht, zumindest nicht in dieser Form ohne Delay beim verlassen des Fokus.

Mit diesem Teil beschäftige ich mich nicht weiter.

Wie soll denn deine ursprüngliche Idee "horizontales CSS Menü für mehrere Ebenen" aussehen?

Knut

Post by **Oliver Georgi** » Fri 29. Dec 2006, 15:59

Also die HCSS is soweit browserkompatibel, wie die Browser CSS kompatibel sind. Wenn ein Background-Image nicht korrekt gezeigt wird, so stimmt der Pfad zur Grafik relativ zur Position der CSS Datei nicht. Die HCSS ist auch NUR ein Beispiel. Unabhängig davon, kann man gerne jeden X-beliebigen JavaScript Code darauf lassen.

Es gibt viele Beispiele im Web. Recht mache ich es mit den angebotenen Lösungen leider so gut wie Niemandem - liegt in der Natur der Sache...

Oliver

Shapeshifter · Post by **Shapeshifter** » Tue 2. Jan 2007, 21:23

Hi

Wie soll denn deine ursprüngliche Idee "horizontales CSS Menü für mehrere Ebenen" aussehen?

Ehrlich gesagt finde ich das HCSS-Menü schon sehr gut. Mit entsprechenden CSS-Kenntnissen und der notwendigen Zeit zum Finetuning kann man damit schöne Menüs gestalten.

Also die HCSS is soweit browserkompatibel, wie die Browser CSS kompatibel sind. Wenn ein Background-Image nicht korrekt gezeigt wird, so stimmt der Pfad zur Grafik relativ zur Position der CSS Datei nicht. Die HCSS ist auch NUR ein Beispiel. Unabhängig davon, kann man gerne jeden X-beliebigen JavaScript Code darauf lassen.

Nach ca. 3 Stunden hab ich es dann auch geschafft den Kram zum laufen zu bringen. Sieht soweit auch alles gut aus, allerdings fehlt mir eine Funktion. Besteht die Möglichkeit, die "parent section" auch aktive zu setzen falls eine "child section" angeklickt wurde? Denn falls ich eine Unterkategorie angeklickt habe, sehe ich gar nicht in welcher Hauptkategorie ich mich gerade befinde.

Grüße

fopulu · Post by **fopulu** » Wed 10. Jan 2007, 20:06

Kann es sein, das die {NAV_LIST_UL:F,0,,,active} Variante im neuen IE7 nicht richtig funktioniert?

Irgendwie füllt er die Zellen nicht ganz in der Breite aus, sondern schachtelt die Zelle (Menüpunkte) im div erst nebeneinander und dann untereinander....

Post by **flip-flop** » Wed 10. Jan 2007, 21:10

Setzt du den tag vertikal oder horizontal ein? (mal ein Bild oder eine Adresse)?

Bei der vertikalen Variante gibt es ein Problem mit einem "white space" im IE7.
Entweder mann vernachlässigt den IE auf einem Apple oder lebt erst einmal mit diesem bug. Mit diesem neuen/alten bug kämpfen im Moment alle <ul><li> generierten Navigationen, die etwas anspruchsvoller sind.
Es gibt dazu die abenteuerlichsten Lösungstheorien.

Es gibt aber auch eine Lösung die zumindest mit der o. abgeb. CSS Datei funktioniert. Mann muss jedem Level ein "width" mitgeben, dann sollte es auch im IE7 klappen. (IE5.5 nimmt die Weiten tatsächlich an, also müsste hier noch ein hack für diesen Browser hinein

).

Z.B. Die Gesamtbreite der Navi ist mit width: 212px; angegeben.
Nun wird in jedem Level eine Breite abzüglich des jeweiligen linken Randes (padding) angegeben.
In unserem Bsp.:

Code: Select all

   width: 212px;  /* ++ Width of Menu Items // Breite der Navigation*/

* ==== LEVEL X ============== */
   padding: 1px 0 0 25px; /* ++ Text justieren 1px oben und 25px von links */
   width: 187px; /* 212px - 25px = 187px; */

* ==== LEVEL X+1 ============== */
   padding: 1px 0 0 40px; /* ++ Text justieren 1px oben und 40px von links */
   width: 172px; /* 212px - 40px = 172px; */


* ==== LEVEL X+2 ============== */
   padding: 1px 0 0 55px; /* ++ Text justieren 1px oben und 55px von links */
   width: 157px; /* 212px - 55px = 157px; */

usw.

Hier einige Infos zum IE7 und css. http://www.thestyleworks.de/tut-art/ie7.shtml

Und hier ein thread dazu: http://www.phpwcms.de/forum/viewtopic.php?t=12876

Gruß Knut

fopulu · Post by **fopulu** » Thu 11. Jan 2007, 06:47

Vertikal!
Ein Bild hab ich gerade auf die schnelle nicht verfügbar. Kann ich aber später nachreichen, ist alles noch lokal in der Entwicklung. Prinzipiell sieht es so aus:

menü1lang
menü2 menü3
menü4lang
menü5xy menü6

Das habe ich mir schon gedacht, das ich für jede id die breite nochmal mitgeben muß. Werde es umgehend testen.

Post by **flip-flop** » Thu 11. Jan 2007, 11:13

Vertikal ausklappend? Das dort nebeneinander geschrieben wird ist sehr eigenartig. Die Menügesamtbreite hast du richtig angegeben?

Hier der komplette css hack für IE5+ und IE7:

Code: Select all

   width: 212px;  /* ++ Width of Menu Items // Breite der Navigation*/ 

* ==== LEVEL X ============== */
   padding: 1px 0 0 25px; /* ++ Text justieren 1px oben und 25px von links */
   \width: 212px;  /* IE5x, Opera <= 5 */
   widt\h: 187px;  /* 212px - 25px = 187px; /* IE7 is using this */
}

* ==== LEVEL X+1 ============== */
   padding: 1px 0 0 40px; /* ++ Text justieren 1px oben und 40px von links */
   \width: 212px;  /* IE5x, Opera <= 5 */
   widt\h: 172px;  /* 212px - 40px = 172px; */ 

usw.

Es ist so grausam. HAt jemand eine bessere Idee?

Gruß Knut

fopulu · Post by **fopulu** » Thu 11. Jan 2007, 11:51

Nein, nicht vertikal ausklappend!
Im IE6 und FF sieht es so aus:

menü1lang
menü2
menü3
menü4lang
menü5xy
menü6

Ich kann dir leider erst morgen Bilder liefern, dann wird es erkenntlicher....

Die Gesamtbreite habe ich richtig angegeben. Wie gesagt im IE6 geht alles reibungslos.....

Post by **flip-flop** » Thu 11. Jan 2007, 11:58

Wie soll es denn aussehen?
Ich verstehe z.B. "menü1lang " nicht.

Knut