Bernd: Textlink aber kein Bildlink unterstreichen

Hallöchen,

folgendes Problem:

ich habe ein DIV (class=text).
In diesem DIV können mittels WYSIWYG-Editor Texte und Bilder eingefügt und auch verlinkt werden.
Die Textlinks möchte ich dotted "unterstreichen" bzw. "unterbordern" ;-)

Wenn ich jetzt allerdings in der CSS

.text a {
 border-bottom: 1px dotted #000000;
}

schreibe, so sind die img's auch "gebordert".
Ich habe es bereits mit

.text a img {
 border: 0;
}

und auch border="none" und auch zzgl. mit "!important" versucht.
Hat leider alles nicht geklappt.

Jetzt habe ich auf "text-decoration:underline;" umgestellt - hier ist allerdings leider nichts dotted.

Weiß jmd Abhilfe?

Vielen Dank im Voraus!

  1. Hi,

    .text a {
    border-bottom: 1px dotted #000000;
    }
    .text a img {
    border: 0;
    }

    und auch border="none" und auch zzgl. mit "!important" versucht.
    Hat leider alles nicht geklappt.

    Natürlich nicht. Nur weil das Bild keine border hat, hat das a-Element nach wie vor seine border.

    Da es nicht möglich ist, Elemente anhand von Elementen in ihrem Content zu selektieren, wird nichts anderes übrig bleiben, als die Links mit Bildern drin geeignet zu kennzeichnen, z.B. per Klasse class="bildverweis"

    Dann per
    .text a.bildverweis { border:none; }
    die border für diese Links wegnehmen.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Das habe ich mir auch schon gedacht, dass das nicht anders geht :-(

      Trotzdem Danke und einen schönen Tag noch,
      Bernd

  2. Lieber Bernd,

    folgendes Problem:

    ich habe ein DIV (class=text).

    dann ersetzte diesen fragwürdingen Code mit einem sinnreicheren <p>!

    .text a img {
    border: 0;

    Das ist Käse. Willst Du _keinen_ Border, dann wähle auch den korrekten Wert dafür. So wird das nichts.

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. [latex]Mae  govannen![/latex]

      ich habe ein DIV (class=text).

      dann ersetzte diesen fragwürdingen Code mit einem sinnreicheren <p>!

      Nein. Sein Text geht folgendermaßen weiter:
      | In diesem DIV können mittels WYSIWYG-Editor Texte und Bilder eingefügt und auch verlinkt werden.

      …also können dort weitere p-Elemente oder andere Blockelemente enthalten sein.

      Cü,

      Kai

      --
      „It's 106 miles to Chicago, we got a full tank of gas, half a pack of cigarettes, it's dark, and we're wearing sunglasses“.
      „Hit it!“
      Selfzeugs
      SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?