Trendy Handy: Bilder dynamischer Breite

SELF-Forum

Bilder dynamischer Breite

Trendy Handy
– Informationen zu den Bewertungsregeln

Guten Tag liebes Forum,

ich habe bis vor 3 Jahren sehr intensiv HTML, CSS, JavaScript (Ajax) und PHP gecoded/programmiert. Beruflich musste ich mich dann auf andere Sprachen spezialisieren (VBScript, Windows-Bash, PowerShell) Nun fange ich wieder an, ein kleines Projekt (Webseite eines Vereins) zu erstellen.

Der Verein möchte eine horizontale und eine vertikale Navigation. In der vertikalen kommen Menüpunkte wie "Geschichte", "Termine" etc rein. In der horizontalen (die oberhalb der Seite angesiedelt ist) kommen die Untergruppierungen des Vereins (je nach Alter gehört man im Verein zu einer bestimmten Gruppe) hinein. Das ist alles prinzipiell kein Problem.
Als optisches Schmankerl möchte der Verein eine in die Breite gezogene Raute als Menüpunkt, auf der die Beschriftung steht:
   __________________________         __________________________
  /                         /        /                         /
 /       GRUPPE 1          /        /       GRUPPE 2          /
/_________________________/        /_________________________/

Auch kein Problem.
Dieser optische Menüpunkt soll, wie man das von "Tabs" gewohnt ist, oben an dem Container für den Seiteninhalt anheften. Auch kein Problem.

Das Problem kommt erst jetzt: Bei geringerer Bildschirmauflösungen oder verkleinertem Browserfenster siedeln sich die horizontalen Menüpunkte in mehreren Reihen an. Das ist natürlich nicht gewollt.

Gibt es eine Möglichkeit, das zu verhindern? Diese Raute sollte mitwachsen bzw mitschrumpfen.

Liebe Grüße
Trendy Handy

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Bilder dynamischer Breite

    Junys
    – Informationen zu den Bewertungsregeln

    Hallo Trendy Handy,

    könnte ich vielleicht einen Screenshot o.ä. sehen?

    Wenn ich es richtig verstanden habe wäre es eine Möglichkeit den Button in drei Teile zu unterteilen

    Button links – Linke Schräge
    Button mitte – Mittelteil als 1px breites wiederholendes .gif oder .jpg
    Button rechts – rechte Schräge

    Viele liebe Grüße,
    Junys

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Bilder dynamischer Breite

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Trendy Handy:

    nuqneH

    Gibt es eine Möglichkeit, das zu verhindern? Diese Raute sollte mitwachsen bzw mitschrumpfen.

    Und wenn das Fenster so schmal ist, dass der Text nicht in eine Zeile passt?

    siehe http://forum.de.selfhtml.org/archiv/2010/8/t200029/#m1347518

    ul.skewed-menu { display: table; width: 100% }  
ul.skewed-menu li { display: table-cell }

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln