• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IMG mit CSS formatieren

hrohmann

Neues Mitglied
Hallo, bin neu hier im Forum und ich hoffe auf gute Zusammenarbeit.
Zu meiner Person: Ich bin 67 Jahre alt-also Rentner- und versuche mit CSS und HTML meine Seiten zu aktualisieren.
Zu meinem Problem:
Ich habe eine dreispaltige Tabelle. In den beiden linken Spalten steht reiner Text. In der dritten Spalte möchte ich ein kleines PDF-Symbol unterbringen. Dieses Symbol möchte ich in einer ausgelagerten CSS-Datei formatieren.
Die Class würde so aussehen (müsste noch erweitert werden):

pdf
{
display:block;
height: 40px;
border:5px dotted red;
}

Den HTML-Code bekomme ich einfach nicht hin.
Er sieht bis jetzt so aus:

<body>
<div class="table">
<div class="tr">
<div class="td1"> Aint´t That a Rocking All Night</div>
<div class="td2">Jeff Giullen</div>
<div class="td3"><img class="pdf" src="images/pdf-icon.gif" alt="PDF-Symbol" /></div>
</div>
..........
Die GIF-Grafik wird zwar geladen und auch angezeigt, aber die CLASS funktioniert nicht.
Vielleicht kann mir da jemanden auf die Sprünge helfen, wie man so etwas gestaltet. Wäre super und ich hätte wieder etwas dazugelernt.

LG Hans Rohmann
 
Im CSS muß vor dem Klassenbezeichner ein Punkt notiert werden:
CSS:
.pdf {...}
Bei einem ID-Bezeichner wäre es der Hashtag:
CSS:
#ID-Bezeichner {...}
 
Zuletzt bearbeitet:
Zurück
Oben