HTML
Aus Programmers Guide
(Unterschied zwischen Versionen)
Roy (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „= Mehrere CSS-Klassen pro HTML-Element = Will man mehrere Klassen einem DOM-Element zuweisen, so geschieht dies einfacher als gedacht: <source lang="html4stric…“) |
Roy (Diskussion | Beiträge) |
||
(Der Versionsvergleich bezieht 1 dazwischenliegende Version mit ein.) | |||
Zeile 2: | Zeile 2: | ||
Will man mehrere Klassen einem DOM-Element zuweisen, so geschieht dies einfacher als gedacht: | Will man mehrere Klassen einem DOM-Element zuweisen, so geschieht dies einfacher als gedacht: | ||
+ | |||
+ | <source lang="css"> | ||
+ | .klicklink{ | ||
+ | margin-left: 8px; | ||
+ | height: 20px; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | .orangesmallicon{ | ||
+ | background-image: url(images/logo_orange_20x20.png); | ||
+ | } | ||
+ | </source> | ||
+ | |||
<source lang="html4strict"> | <source lang="html4strict"> | ||
<div class="klicklink orangesmallicon">Test</div> | <div class="klicklink orangesmallicon">Test</div> | ||
- | </source> | + | </source> |
+ | |||
+ | [[Category:HTML]][[Category:CSS]][[Category:Klassen]] |
Aktuelle Version vom 17:38, 6. Sep. 2010
Mehrere CSS-Klassen pro HTML-Element
Will man mehrere Klassen einem DOM-Element zuweisen, so geschieht dies einfacher als gedacht:
.klicklink{ margin-left: 8px; height: 20px; background-repeat: no-repeat; } .orangesmallicon{ background-image: url(images/logo_orange_20x20.png); }
<div class="klicklink orangesmallicon">Test</div>