Frage zu Klassen
thowa
- html
Hallo zusammen,
ich habe mal eine Frage zu Klassen in HTML.
Wenn ich folgende Zeile
<dl class="module">
in einer HTML Datei habe und folgendes CSS definiert habe:
.module {
background:url(image_a.gif) top right no-repeat;
}
dl {
background:url(image_b.gif) bottom left no-repeat;
}
Ist das dann doppelt gemoppelt?
Welches Hintergrundbild wird angezeigt?
Kann man in einem Style eigentlich (zusätzlich) ein Fordergrund-Bild definieren? Etwa so:
...
background:url(image_a.gif) top right no-repeat;
img:url(image_b.gif) bottom left no-repeat;
...
Besten Dank, Thorsten
hi,
<dl class="module">
.module {
background:url(image_a.gif) top right no-repeat;
}
dl {
background:url(image_b.gif) bottom left no-repeat;
}Ist das dann doppelt gemoppelt?
Welches Hintergrundbild wird angezeigt?
hast du's mal ausprobiert ...?
das aus der definition für .module, weil der klassenselektor eine höhere spezifität hat als der elementselektor.
Kann man in einem Style eigentlich (zusätzlich) ein Fordergrund-Bild definieren?
nein.
zum einbinden von bildern gibt es <img> in HTML.
gruß,
wahsaga
Hallo zusammen,
ich habe mal eine Frage zu Klassen in HTML.
Wenn ich folgende Zeile<dl class="module">
in einer HTML Datei habe und folgendes CSS definiert habe:
.module {
background:url(image_a.gif) top right no-repeat;
}
dl {
background:url(image_b.gif) bottom left no-repeat;
}Ist das dann doppelt gemoppelt?
Welches Hintergrundbild wird angezeigt?
das ist natürlich nicht doppelt gemoppelt! angezeigt wird bild B!
Kann man in einem Style eigentlich (zusätzlich) ein Fordergrund-Bild definieren? Etwa so:
...
background:url(image_a.gif) top right no-repeat;
img:url(image_b.gif) bottom left no-repeat;
...
das geht natürlich nicht. wenn du bilddateien übereinander anzeigen lassen willst, dann benutze am besten css: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
Hi,
<dl class="module">
.module {
background:url(image_a.gif) top right no-repeat;
}
dl {
background:url(image_b.gif) bottom left no-repeat;
}
das ist natürlich nicht doppelt gemoppelt! angezeigt wird bild B!
Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.
cu,
Andreas
Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.
das ist ja nur ein ausschnitt...
Hi,
Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.
das ist ja nur ein ausschnitt...
was macht das Deiner Meinung nach aus?
Cheatah
Hallo Cheatah,
Wenn Dein Browser bei diesem Code image_b im genannten Element anzeigt, ist er ziemlich kaputt.
das ist ja nur ein ausschnitt...
was macht das Deiner Meinung nach aus?
Die nächste Zeile könnte
dl.module {…}
lauten. ;-)
Grüße
Roland
man definiert die css in einer seperaten datei und greift dann ordnungsgemäß darauf zu...
Hallo Robert,
man definiert die css in einer seperaten datei und greift dann ordnungsgemäß darauf zu...
äh, ja.
Du hast allerdings übersehen, dass eine Klasse im Stylesheet bezüglich der Selektion „stärker“ ist als ein Element. Daher wird image_a.gif angezeigt.
Siehe auch
http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap06.html#heading-6.4.3
Grüße
Roland
Herzlichen Dank an ALLE.
Schade daß man es nicht zweckentfremden kann ;-))))
aber das ist ja nicht Eure Schuld
Nochmal vielen Dank,
Thorsten