<img> größenanweisung im css

1 Gustafsson

moin,

ich mal wieder... und folgende frage quält mich.

so sieht der quelltext aus:

<p class="blablub">Lorem ipsum dolor sit amet, <img  src="pictures/pfeil_8_8_brown.gif" width="8" height="8"><a title="textphrase" target="_blank" href="http://www.domain.de/unterseite.html">Nasenbär</a>, sed diam nonumy eirmod tempor invidunt ut labore.</p>

das css-file:

.blablub { color:#603E2D; text-align:left; font-family:verdana; font-size:12px; margin-left:15px; }

meine frage, im quelltext soll sich bei allen links die sich in der class="blablub" befinden immer o.g. gif vorweg befinden. das man das automatisch direkt via css regeln kann, glaube ich mich zu erinnern geht nicht... das geht ja nur bei ul / li

aber kann ich denn wenigstens die width="8" height="8" in die class="blablub" einfügen, vonwegen platz (kb) sparen ??

ginge das ??

gruß uwe

2 Jörg Kruse

Hallo Uwe,

wenn das Bild immer gleich groß ist, dann kannst du die Größenangaben folgendermaßen auslagern:

.blablub img {
width:8px;
height:8px;
}

Das gilt dann für alle Bilder, die sich innerhalb von .blablub befinden

3 Gustafsson

danke dir jörg.

ich glaube ich hatte schon mal gefragt, ob es möglich ist generell jedem link eine bestimmte immer wiederkehrende grafik zuzuweisen... so weit ich mich erinnere geht das nicht, eben nur bei <li> und <ul> ist das richtig ??

gruß uwe

4 Jörg Kruse

Das Thema hatten wir in diesem Thread mal besprochen:

grafik vor einem link mit css einbinden ?

Du könntest für Links allgemein vielleicht eine Hintergrundgrafik einbinden. Am Anfang der Grafik - in diesem Fall die ersten 8px von links - befindet sich dann das Bild, der Rest ist transparent. Damit der Linktext das Bild nicht überlappt, definierst du noch ein padding-left größer als 8 px. Ich weiß allerdings nicht, ob dies bei Links innerhalb von Texten funktioniert, da padding ja nur eine Eigenschaft von Blockelementen ist - das müsstest du ausprobieren

5 Gustafsson

ja klar, hatte ich das doch noch richtig in erinnerung. eigentlich schade das es diese möglichkeit auf einfachem wege nicht gibt, aber es geht ja auch so ;-) wäre doch gelacht.

danke dir,
gruß uwe

nach oben

<img> größenanweisung im css

Beitrag schreiben (als Gast)