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) |
||
Zeile 1: | Zeile 1: | ||
= Mehrere CSS-Klassen pro HTML-Element = | = Mehrere CSS-Klassen pro HTML-Element = | ||
- | 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> |
Version vom 17:37, 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>