Klassen & Bilder

[AlphaGen]

Ich komme mir gerade wie ein blutiger Anfänger vor aber ich komm von alleine nicht drauf.


HTML Datei (auszug):

<table id="reftable">
                <tr>
                    <td class="refBildTd"><a href="http://www.xxx.de/" class="reflink"><img src="pics/1.jpg" class="refpic" alt="xxx"></a></td>
                    <td class="refBildTd"><a href="http://www.xxx.de/" class="reflink"><img src="pics/2.jpg" class="refpic" alt="xxx"></a></td>
                    <td class="refBildTd"><a href="http://www.xxx.de/" class="reflink"><img src="pics/3.jpg" class="refPic" alt="xxx"></a></td>
                </tr>
 </table>

CSS - Datei (auszug):

.reftable {
    border:none;
    background:white;
    width:400px;
    height:400px;
    padding:0px;
    margin:0px;
}

#refpic {
    width:130px;
    height:130px;
    border:none;
}

#reflink {
    border:none;
    text-decoration:none;
}
#refBildTd {
    width:130px;
    height:130px;
    background-color:aqua;
    border:none;
}

Jetzt die Frage:

Warum nehmen die Bilder keinerlei Eigenschaften aus der Klasse refpic an? Die haben alle einen Rahmen und werden nicht auf 130px skaliert.

Wer kann mir helfen? Ist bestimmt irgendwas total dummes.
P.S. Wenn ich die Werte aus der Klasse hinter jedes Bild schreibe funktioniert es.

 

[beautyIAF]

AW: Klassen & Bilder

Hallo,

definiere deine refPic Klasse auch als Klasse in CSS. Derzeit handelt es sich um die Definition einer ID, hier kannst du mit ID="refPic" zugreifen.

.refpic {
width:130px;
height:130px;
border:none;
}

Gruß Patrick.

 

[AlphaGen]

AW: Klassen & Bilder

Argh. Ich sagte ja... Was total dummes....

Danke

 

[Chickenshooter]

AW: Klassen & Bilder

Moin,

Tja manchmal sieht man den Wald vor lauter Bäumen nicht mehr....

der . bei Klassen ich habs mir gemerkt da die Punktnotation in vielen
Hochsprachen auch verwendet wird ich denke das war auch der Grund für den . ;-)

und die # für ID's den in der Regel (Ausnahmen bestätigen diese) sind ID's

Nummern und die # wird oft auch als Kürzel für Nummer genommen.

Vieleicht 2 ganz schwache Versuche das als Eselsbrücke anzubieten.

MfG Chick