Rolf: Geht das noch unter machbar?

SELF-Forum

Geht das noch unter machbar?

Rolf
– Informationen zu den Bewertungsregeln

Guten Tag an Alle

Beim ersetzen von "list-style type" durch eine eigene Grafik, war mir das Ergebniss nicht in allen Browsern die ich benutze genügend (Firefox, IE 6/7, Chrome, Safari für Windows, Netscape, Opera. Jeder der Browser verschob die Grafik ein wenig, entweder nach unten, oder nach oben. Trotz längerem Suchen mit Google und auch hier im Forum, bin ich nicht schlauer geworden.

Ich habe dann selber folgende Möglichkeit gefunden, die "scheinbar" funktioniert.

Das XHTML:

<ul>
<li class="pdficon"><img src="images/pdf_icon.gif" alt="" width="18" height="14" class="imgpdf" />Angebot / PDF</li>
</ul>
<ul>
<li class="pdficon"><img src="images/pdf_icon.gif" alt="" width="18" height="14" class="imgpdf" />Preise / PDF</li>
</ul>

Und das CSS:

li.pdficon {
 list-style: none;
 line-height: 0.5em;
}

.imgpdf {
 margin: -3px 5px 0px -18px;
 float: left;
}

Meine Frage ist: Ist das einigermassen Korrekt, oder habe ich mich da verhauen?

Danke und Gruss
Rolf

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Geht das noch unter machbar?

    molily Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    Jeder der Browser verschob die Grafik ein wenig, entweder nach unten, oder nach oben.

    Die Browser wenden unterschiedliche margins und paddings für ul und li an. Wenn du dir erst einmal zurücksetzt und einheitlich neu setzt, hast du eine gute Grundlage. Dann setzt du die Grafik als nicht-wiederholte, links mittig ausgerichtete Hintergrundgrafik. Das sollte problemlos eine browserübergreifend gleiche Darstellung bewirken. Ein floatendes img-Element mit viel Herumgetrickse bei den Abständen ist i.d.R. nicht nötig.

    Mathias

    --
    JavaScript-Erweiterung für das SELFHTML-Forum
    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. Geht das noch unter machbar?

      Rolf
      – Informationen zu den Bewertungsregeln

      Hallo Mathias

      Wenn du dir erst einmal zurücksetzt und einheitlich neu setzt...

      Danke Dir,ich muss jetzt noch schnell mit der Familie ein wenig an die frische Luft, werde das aber nachher gleich probieren.

      Rolf

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Geht das noch unter machbar?

        Rolf
        – Informationen zu den Bewertungsregeln

        Hallo Mathias

        Wenn du dir erst einmal zurücksetzt und einheitlich neu setzt...

        Hab deinen Tipp umgesetzt und es klappt wunderbar.

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>test liste</title>
        <style type="text/css">
        <!--
        ul {
        list-style-type:none;
        margin:3em;
        color: red;
        padding:0px;
        }

        li {
        margin: 0px 0px 10px 5px;
        padding-left:23px;
        background-image:url(pdf_icon.gif);
        background-repeat:no-repeat;
        background-position:left;
        }
        -->
        </style>
        </head>

        <body>

        <ul>
          <li>dies ist ein test</li>
          <li>dies ist ein test</li>
        </ul>

        </body>
        </html>

        »»

        Sorry für meine falsche Art zu Antworten von vorher, aber ich bin kein sehr geübter Forum-Nutzer und hatte zudem noch die frau im Nacken.

        Rolf

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Geht das noch unter machbar?

          molily Homepage des Autors
          – Informationen zu den Bewertungsregeln

          <style type="text/css">
          <!--
          -->
          </style>

          Dieses Auskommentieren von Style-Angaben ist nicht mehr nötig, da keine Browser mehr verbeitet sind, die das style-Element nicht kennen.

          In XHTML ist es sogar schädlich, zumindest, wenn das Dokument von einem XML-Parser verarbeitet wird - was aber üblicherweise nicht der Fall ist, weil man XHTML-Dokumente den Browsern als HTML (MIME-Typ text/html) vorgesetzt.

          Mathias

          --
          JavaScript-Erweiterung für das SELFHTML-Forum
          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Geht das noch unter machbar?

            Rolf
            – Informationen zu den Bewertungsregeln

            Dieses Auskommentieren von Style-Angaben ist nicht mehr nötig...

            JaJa, das ist mir klar, die Style-Angaben sind im Original auch nicht in den Quelltext, sondern in ein externes Stylesheet geschrieben.

            Das war nur so auf die schnelle um deinem Tipp nachzugehen und zu probieren.

            Ich bedanke mich nochmals recht herzlich bei Dir
            Gruss Rolf

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln