mättu: Gragik referenzieren mit CSS

Hallo!

folgendes konnte ich bei der Durchsicht der CSS-Referenz nicht herausfinden:

Ich möchte die Quelle eines Bildchens (ein Link-Button) in einer zentralen Datei (z.B: format.css) angeben; ist das möglich, und wenn ja, wie?

(Ich hab gesehen, dass man background-images so einbinden kann, oder mit src eine Schrift, aber für Bilder hab ich nichts gefunden)

Danke schon im Voraud für deinen Tipp und noch eine schöne Woche

mättu

  1. Hi, mättu

    Ich möchte die Quelle eines Bildchens (ein Link-Button) in einer zentralen Datei (z.B: format.css) angeben; ist das möglich, und wenn ja, wie?

    Hast du </archiv/2002/4/10619/> gelesen? Ich denke, das ist die einzige Möglichkeit, deinen Wunsch über CSS zu lösen. Funktioniert beim IE leider gar nicht und bei Opera nicht mit Bildern...

    Alternativ könnte ich mir vorstellen, den Hintergrund des/der Buttons per CSS zu definieren. http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

    Kann man sich die Seite online ansehen? Das macht die Hilfe einfacher ;-)

    LG Orlando

    1. hi again!

      Hast du </archiv/2002/4/10619/> gelesen? Ich denke, das ist die einzige Möglichkeit, deinen Wunsch über CSS zu lösen. Funktioniert beim IE leider gar nicht und bei Opera nicht mit Bildern...

      Hab ich schon...
      -Das mit der Liste wär natürlich elegant, die Bildchen müssen aber eben als Links funktionieren. Soweit mir bekannt ist, geht das nicht, oder?
      -Das mit dem :before/after hab ich mir auch schon angeschaut, auch eine weitere Lösung, aber beide funzen nur ab IE 5.x. Also nix für die Leutchen hier...(muss kompatibel sein, und da sich die betreffende Seite als Service versteht, sollte sie die Infos liefern, ohne den Benutzern mehr als zwei drei Klicks abzuverlangen.

      Alternativ könnte ich mir vorstellen, den Hintergrund des/der Buttons per CSS zu definieren.

      Kann man sich die Seite online ansehen

      Kann man leider nicht, da Intranet und so ein bisschen geheim. (wär mir ja auch lieber, ich könnte euch das Zeug zeigen...)
      Beispiel einer Tabellen-Zeile wie ich sie jetzt hab:

      <tr>
       <td id="sp1"><a href="http://www.meineseite.com">
        <img src="images/pfeil.gif" id="pfeil"></a>
       </td>
       <td id="sp2">
        <p><a name="Link"></a><b>Titel</b>Komentar</p>
       </td>
      </tr>

      das src-Attribut möchte ich jetzt eben auch noch in die id "pfeil" einpflanzen. Wär schon eleganter.

      Grüsse zurück und danke für eure Tipps!

      1. hi again!

        Tu' doch sowas nicht ;D

        -Das mit der Liste wär natürlich elegant, die Bildchen müssen aber eben als Links funktionieren. Soweit mir bekannt ist, geht das nicht, oder?

        Nein, leider nicht. Wenn du darauf nicht bestehst (brauchst du das wirklich?), gäbe es noch die Möglichkeit, eine zusätzliche Spalte in die Tabelle einzufügen und per CSS deren Zellenhintergrund zu definieren.

        -Das mit dem :before/after hab ich mir auch schon angeschaut, auch eine weitere Lösung, aber beide funzen nur ab IE 5.x.

        Bist du dir da sicher? Bei mir kann Mozilla (1.0RC1) alles, Opera (6.02b) Text einfügen und der IE (6) gar nichts davon.

        Alternativ könnte ich mir vorstellen, den Hintergrund des/der Buttons per CSS zu definieren.

        Oder auch der Zellen, wie unten angeführt. Die Klasse "pfeil" kannst du ja zentral definieren.

        <tr>

        <td class="pfeil"> </td>

        <td id="sp1"><a href="http://www.meineseite.com">
          <img src="images/pfeil.gif" id="pfeil"></a>
        </td>
        <td id="sp2">
          <p><a name="Link"></a><b>Titel</b>Komentar</p>
        </td>
        </tr>

        IDs dürfen nur einmal auf einer Seite vorkommen - nur so eine Vorahnung bezüglich des Codeschnippsels ...

        LG Orlando

        1. Hi,

          eine zusätzliche Spalte in die Tabelle einzufügen und per CSS deren Zellenhintergrund zu definieren.

          Könnte gehen, so hab ich mir's gar noch nicht überlegt!

          IDs dürfen nur einmal auf einer Seite vorkommen - nur so eine Vorahnung bezüglich des Codeschnippsels ...

          Heisst das: nur einmal definieren, oder nur einmal aufrufen? Weil im Moment rufe ich die id="pfeil" ziemlich oft auf und funzt tipp topp.

          erbitte feedback; und Merci schön!

          mättu

          PS Orlando: muss leider so sein, das mit den Pfeilen und Links und so, "corporate identity"...; aber die corporate-Lösung ist nicht gerade erste Sahne. Und wenn schon, dann schon, hab ich gedacht. Gruss

          1. Hi, mättu

            eine zusätzliche Spalte in die Tabelle einzufügen und per CSS deren Zellenhintergrund zu definieren.

            Könnte gehen, so hab ich mir's gar noch nicht überlegt!

            Das macht zwar Änderungen einfacher, aber Quelltext spart es leider auch nicht.

            IDs dürfen nur einmal auf einer Seite vorkommen - nur so eine Vorahnung bezüglich des Codeschnippsels ...

            Heisst das: nur einmal definieren, oder nur einmal aufrufen? Weil im Moment rufe ich die id="pfeil" ziemlich oft auf und funzt tipp topp.

            Grundsätzlich: Eine ID darf auf einer Seite nur einmal vorkommen, Klassen öfters.

            PS Orlando: muss leider so sein, das mit den Pfeilen und Links und so, "corporate identity"...; aber die corporate-Lösung ist nicht gerade erste Sahne. Und wenn schon, dann schon, hab ich gedacht.

            Wem sagst du das - 'unser' Intranet läuft nur mit dem IE ;-)

            LG Orlando

            1. IDs dürfen nur einmal auf einer Seite vorkommen - nur so eine Vorahnung bezüglich des Codeschnippsels ...

              Heisst das: nur einmal definieren, oder nur einmal aufrufen? Weil im Moment rufe ich die id="pfeil" ziemlich oft auf und funzt tipp topp.

              http://selfhtml.teamone.de/html/attribute/allgemeine.htm#uebersicht

          2. hi

            Heisst das: nur einmal definieren, oder nur einmal aufrufen? Weil im Moment rufe ich die id="pfeil" ziemlich oft auf und funzt tipp topp.

            eine id="" dient auch als Ziel für links mit #ebendieseid. Von daher muss es in jeder Datei eindeutig sein.

            Grüße aus Bleckede

            Kai