navi mit 3 bildern

Mahlzeit,

das von mir eingestellte Beispiel funktioniert einwandfrei im FF, IE 6, IE 7, IE8, Opera und Safari.
Wenn du die angewendeten Techniken nicht verstehst weiss ich auch nicht weiter.
Tips, Links und Beispiele um dir das Verständnis zu erarbeiten habe ich jedenfalls genug an die Hand gegeben.

Hast du eine horizontale navi mit 100 versch. Menüpunkten?? Doch wohl nicht oder.

Gib doch mal einen Link damit man sehen kann, was du bisher versucht hast.

Ansonsten drehen wir uns doch hier nur im Kreis.

 

dann bau einen lauffähigen Testcase und stell den hier rein.

Mit den paar CSS-Anweisungen kann ich nicht soviel anfangen, da fehlt der zugehörige XHTML-Code.

Was ich sehe schaut imho etwas suboptimal aus.

 

Bin ganz bei Koslowski. Testcase bringts.

Anm. am Rande: Wenn Du gleiche Parameter für unterschiedliche IDs hast, überleg einmal folgendes:

Du ersparst Dir so eine Menge unnötigen Code. Was ich übrigens mit Pseudoklassen meine: Du vergibst einmalige Klassen, also für jeden Menüpunkt eine... (hab jetzt nicht alles gelesen). Das entspricht von der Nutzung her IDs. Nur reicht eigentlich eine Klasse für alle Menüpunkte, die gleiches Verhalten haben. Wenn Du trotzdem wie von Koslowski vorgeschlagen IDs verwendest, kannt Du ja auch zusätzlich eine Klasse an die Menüpunkte vergeben, die Du bei allen anhängst aber nur einmal definierst.

 

Hi,

die Seite kann man im IE 6/7/8, Opera und Safari wohl so nicht verwenden.

float:left und overflow:hidden; für li halte ich für eine ausgesprochen unglückliche Kombination.

Beide erzeugen einen "Block Formatting Kontext", nur sind die darstellerischen Auswirkungen der Overflow-Eigenschaft oft unkalkulierbar, weil sich die Spezifikation auch nicht so eindeutig dazu äußert, wie sich Elemente im Zusammenhang mit dieser Eigenschaft denn nun anordnen sollen.

Wie schon gesagt deine gewählte Methode das Menü darzustellen ist imho unbrauchbar.

Die Menübilder haben im Markup nix zu suchen, wobei ich mich frage wieso du überhaupt ein grafisches Menü brauchst.

Schreib halt Großbuchstaben in den Linktext und mach das mit background-color. Dann legst du Menschen mit körperlichen Einschränkungen auch nicht soviel Steine in den Weg, wie mit deiner Methode.

Ich habe dir jedenfalls alle notwendigen Infos an die Hand gegeben, damit du dein Problem lösen kannst, umsetzen mußt du es schon selber.

Gruß
koslowski

 

Nachdem sich Koslowski so gut darum gekümmert hat, schreib ich Dir nur noch ein paar Ergänzungen, die mir so aufgefallen sind.

1) Beim Menü würde ich schon alle Link auch als Text einfügen, dafür aber text-intend: -900% und font-size: 0px; vergeben. Somit haben auch Menschen mit Einschränkungen Zugriff darauf.
2) für den div #rahmen würde ich auch 814px; wählen, damit es dem Inhalt gleich ist und die Seite wirklich zentriert sitzt (also statt 802px

Solltest vielleicht auch noch die Kleinigkeiten Zwecks Validierung ausbessern (55 Fehlermeldungen): [Invalid] Markup Validation of http://gruene-lindlar.de/page/ - W3C Markup Validator

Dir fehlen zB ein paar /> Endungen (statt nur ">")...

Sonst schaut´s schon ziemlich sauber aus.

Ps.: Koslowski hat in einer Hinsicht schon recht: Der schwarz-transparente Rahmen ist faktisch unsichtbar und kann außerdem über css gelöst werden. Einfacher und zugänglicher wäre es bei dem was Du gerade umsetzen willst auf jeden mit seiner Variante.

 

Moin,

Häh??? :shock:

Wenn etwas vorgegeben ist heißt das ja noch lange nicht das es auch gut ist. Wenn ich mir anschaue wie im Theme so rumgecodet wurde ist das imho sowieso nicht so ganz optimal.

In deinem Fall brauchst du keine und wenn dann als HG-Grafik:

[ot]Irgendwie klasse wenn man sich selbst recyceln kann. :mrgreen: [/ot]

Natürlich werden sie das.
li ist ein Blockelement und das macht einen eigenen Absatz. Du kennst doch den Unterschied zwischen Block,- und Inline-Element, bzw. was sie im Einzelnen bewirken, oder?

Auf jeden Fall ignorierst du die Tips und Links die man dir gibt, bzw. setzt dich offensichtlich damit nicht auseinander, um sie zu verstehen.
Entweder kannst du es nicht weil dir die Grundlagen fehlen oder du willst nicht weil du beratungsresistent bist.

Im ersteren Fall solltest du das unbedingt nachholen, bevor du dich in Webdesign versuchst.
Nur weil WP vieles für dich automatisch erledigt kommt man um grundlegende XHTML/CSS-Kenntnisse trotzdem nicht herum.

Im zweiteren Fall, naja, kann man halt nix machen. :-|

 

Hi,

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Das steht bei dir im Quelltext. Der Linktext fehlt noch.
Dann sähe es so aus:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Für li schreibst du erstmal ganz allgemein:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

dann das Spezielle für jeden li extra:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Da du für jedes li eine id vergeben hast kannst du die auch extra ansprechen, um deine individuelle Breite zu vergeben. Da ich deine Breiten nicht kenne habe ich einfach beispielhafte Zahlen genommen.

Für das span wird dann einfach width:100% und die exakte Höhe genommen, halt wie in meinem Beispiel.

Gruß
koslowski

 

Hi,

den Rahmen sieht man eh nicht, wenn man nicht drauf hingewiesen wird, das da einer ist.
Das Beste wäre imho auf Transparenz im Rahmen zu verzichten.