Link-Problem

[Elke]

Hallo,

ich verzweifel gerade an meinem Stylesheet.
Es geht um kleine Vorschaubilder, auf die man klicken kann, und dann öffnet sich das Bild in groß in einem neuen Fenster. Das klappt auch alles. Aber:
Ich habe für die Vorschaubilder vier Klassen definiert:

.img {
border: 1px solid #ccc;
}

.centerimg {
border: 1px solid #ccc;
display: block;
margin-left: auto;
margin-right: auto;
}

.leftimg {
border: 1px solid #ccc;
float: left;
margin: 3px 3px 3px 0;
}

.rightimg {
border: 1px solid #ccc;
float: right;
margin: 3px 0 3px 3px;
}

Allgemeine Links sind so definiert, dass sie unterstrichen sind. Alle Vorschaubilder, die durch centerimg, leftimg oder rightimg definiert sind haben keine Unterstreichung, nur die, die class="img" haben, sind unterstrichen wie normale Links! Warum? Ich will keine Unterstreichung. Ich habe .img schon umbenannt, das nutzt aber nichts. Kann jemand helfen? Die Seite ist nicht online, sondern nur auf meinem Computer, so dass ich keinen Link zur Seite geben kann.

[JRB]

text-decoration:none;

[Elke]

text-decoration:none;

ändert nichts, habe ich schon versucht. Warum ist das nur bei .img, bei den anderen nicht??

[JRB]

text-decoration:none;

ändert nichts, habe ich schon versucht. Warum ist das nur bei .img, bei den anderen nicht?

Keine Ahung, nachdem du nirgends dazu angaben machst in CSS denkt sich der Browser halt was aus (Default-Werte). Ich vermuet das HTML-Element dem Du "img" zuweist ist anders als die anderen. Bilder sind sowieso nicht unterstrichen sondern bekommen i. d. R. einen Rahmen wenn sie ein Link sind.

Wie sieht Dein HTML-Code aus? Ich vermute das dort etwas anders ist was dazu führt.

[wahsaga]

hi,

Bilder sind sowieso nicht unterstrichen sondern bekommen i. d. R. einen Rahmen wenn sie ein Link sind.

Und deshalb stellt man diesen, sofern unerwünscht, ab, in dem man gezielt die Bilder formatiert, die innerhalb eines Links sind - will sagen, man nutzt den Nachfahrenselektor.

gruß,
wahsaga

[Zeromancer]

Hallo Elke,

ich werde noch nicht ganz schlau aus deinen Ausführungen:

Es geht um kleine Vorschaubilder, auf die man klicken kann, und dann öffnet sich das Bild in groß in einem neuen Fenster. Das klappt auch alles.

  
<img src="" witdh="" height="" alt="" title="" class="" />  
<img src="" witdh="" height="" alt="" title="" class="" />  
<img src="" witdh="" height="" alt="" title="" class="" />  
<img src="" witdh="" height="" alt="" title="" class="" />  

Gib uns mal bitte relevanten Quelltext. Unter Umständen hilft schon

  
img {border:none}

Mit freundlichen Grüßen,
André