Liste korrekt darstellen

  • geschlossen

  • miro
  • 2487 Aufrufe 7 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Liste korrekt darstellen

    Hallo Zusammen

    Ich habe einige Probleme mit der richtigen Darstellung einer Webseite in Verschiedenen Browser wie; IE, Firefox, Opera und Google Chrome.
    Zum einem das linke Buttonmenü die aus einer Liste besteht lässt sich nicht ohne weiteres korrekt ausrichten, damit es in den Browsern einiger maßen gut aussieht.
    In IE 9 Schient alles Korrekt aber bei den anderen geht alles daneben.
    Dann habe ich noch einen Layout Problem mimt Opera …
    Da tanzen die Bilder buchstäblich aus der Reihe.

    Zum einem:
    Gibt es da eine Möglichkeit die Liste richtig darstellen?
    Und zum Zweiten ich kann kein Fehler finden bezüglich der Opera darstellung.
    --- Webseite Gelöscht ---

    Es geht nur um die erste homepageseite.
    ich freue mich für eure Unterstützung

    Schöne Grüße
    Miro

    PS.

    Vor einiger zeit habe ich mit so einem Code web Korrektur an verschieden Browser angepasst

    <!--[if IE 9]><style type="text/css">

    </style>
    <![endif]-->


    Aber irgendwie tut es bei mir nicht mehr …

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von miro () aus folgendem Grund: Eledigt

  • Wieso packst du denn die div klasse "button" in das li Element.

    also:
    [Code]
    <li class="button galerie-2009"><a href="./php/galerie-2009.php">Bildergalerie 2009</a></li>
    [Code]

    Von da aus passt du die Klasse an, dann gibt es auch keien Verschiebung der Zeilen.
    Bevorzugte: puck8, Big Dunker, t0b1, CrYstaLX, Kriss Kross, Tiger22, Abu N.

  • Hallo Maze

    Danke für deinen Vorschlag.
    Ich hoffe das ich deinen Rat richtig ungesetzt habe …

    Zu mindestens IE9 und Firefox 10.02 sehen jetzt die Links gleichmäßig aus.

    Aber noch in Opera und Google Chrom sind die Links immer noch nicht ausgerichtet

    Hier der link nach der Bearbeitung :
    ---- Webseite Gelöscht ----


    Gruß
    Miro

    Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von miro ()

  • Setz mal das margin was auf den a's in den li's sitzt auf das li element an sich.
    Oder erhöhe margin bottom auf 25px.

    Ausserdem würde ich entweder nicht mit webkits alleine arbeiten, sondern dann immer alle Brwoser mit einschliessen
    Z.B. hiermit:
    Nettuts+ Prefixr

    Greez,
    Maze
    Bevorzugte: puck8, Big Dunker, t0b1, CrYstaLX, Kriss Kross, Tiger22, Abu N.

  • Warum hast du denn für jeden Link ne eigene Klasse?

    <li class="schwertransport"><a href="./php/schwertransport.php">Schwertransport</a></li>

    warum nicht einfach
    <li class="button"><a href="./php/schwertransport.php">Schwertransport</a></li>

    DAmit würdest du das Listenelement formatieren.

  • Wozu das denn?

    Er kann doch einfach dem li der speziellen ul die eigenschaften geben, wenn der die listenklassen später ansprechen will!

    Ist zwar mehrarbeit, aber wenn da noch was kommen soll, sinnvoll ;)
    Bevorzugte: puck8, Big Dunker, t0b1, CrYstaLX, Kriss Kross, Tiger22, Abu N.

  • Naja die leeren button divs machen in meinen Augen keinen Sinn.

    Wenn er für jeden Menüpunkt noch eine extra Klasse brauch dann eher so:
    <li class="button galerie-2009"><a href="./php/galerie-2009.php">Bildergalerie 2009</a></li>

    Dann kann er mit der Klasse button die Links einheitlich gestalten und mit der weitern Klasse dann was auch immer er möchte...
    Der Sinn der weitern Klasse erschließt sich mir nicht - es sei denn, jeder Link soll anders aussehen - die Geschmäcker sind ja bekanntlich verschieden.

    Übrigens ist die id "Menu-links" doppelt verwendet. Dat darf nicht!
    Dafür fehlt mindestens ein schließendes </div>