lulu: /li-style-image - im Mozilla wird Grafik abgeschnitten

SELF-Forum

/li-style-image - im Mozilla wird Grafik abgeschnitten

lulu Homepage des Autors
– Informationen zu den Bewertungsregeln

Guten Morgen

folgender Darstellungsfehler im Mozilla lässt mir keine Ruhe.

Und zwar wird bei Verwendung einer eigenen Bullet-Grafik diese
beim ersten Laden der Seite unten abgeschnitten dargestellt.

Auf folgender Seite könnt Ihr versuchen das Problem nachzuvollziehen
(nur Mozilla, im Opera und IE funktioniert es)

http://maledivas.de/self/bullet.html

Da es offensichtlich funktioniert wenn die Grafik erst einmal im Browser-Cache ist, habe ich schon versucht dem li-Element die Abmessungen der Grafik mitzugeben, aber bisher erfolglos.

Auch die Schriftgrösse des li-elementes hat keinen Einfluss, selbst bei z.B. 80px (sehr augenfreundlich), wenn also genug Platz für die Grafik da wäre wird sie abgeschnitten.

Vielleicht kennt ja jemand von Euch das Problem oder sogar eine Lösungsmöglichkeit?

Evtl. tritt das auch nur bei betimmten Versionen auf?
Habe hier Mozilla 1.5 PC WIN 2k bzw. WIN XP.

Viele Grüße

lulu

--
bythewaythewebsuxgoofflineandenjoytheday
Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. /li-style-image - im Mozilla wird Grafik abgeschnitten

    Zeromancer Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo lulu,

    habe grad nur den IE zur Hand, möchte aber trotzdem helfen. Auf meiner Seite http://www.andre-zotzmann.de/sites/abi/index.html habe ich auch eigene Bulletgrafiken. Ein Abschneiden durch Mozilla ist mir da noch nicht aufgefallen. Schneidet er bei deinem Mozilla diese auch weg? Dann liegt es wohl am Browser. Schneidet er es nicht weg, liegt es wohl an deinem stylesheet.

    Mit freundlichen Grüßen

    André

    --
    ss:{ zu:) ls:& fo:) de:] va:) ch:{ sh:) n4:# rl:° br:& js:| ie:% fl:| mo:}
    http://forum.de.selfhtml.org/archiv/2003/10/60651/#m341175
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. /li-style-image - im Mozilla wird Grafik abgeschnitten

    nag
    – Informationen zu den Bewertungsregeln

    Hallo,

    http://maledivas.de/self/bullet.html

    li {list-style-type:none; list-style-image:url(bullet.gif);}

    sollte helfen ;)

    mfg NAG

    --
    signatur
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Danke

      lulu Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Huhu NAG

      li {list-style-type:none; list-style-image:url(bullet.gif);}

      sollte helfen ;)

      Oh, ja das tut es.

      Danke für den Tipp

      lulu

      --
      bythewaythewebsuxgoofflineandenjoytheday
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  3. /li-style-image - im Mozilla wird Grafik abgeschnitten

    Jürgen Berkemeier Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo lulu,

    ich habe das auch beobachtet und mache das jetzt über eine Hintergrundgrafik:

    .bild   { margin-left:20px; padding-left:0px; list-style-type:none }
    .orga   { background-repeat:no-repeat; padding-left:15px; background-image:url(orga.gif) }
    ...

    <ul class="bild">
     <li class="orga">...

    Gruß, Jürgen

    PS: Das Bild ist übrigens 9*9 Pixel groß.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln