#225233 Adeptus [Gast]23.07.2010, 07:35:15 |
HTML/CSS-Frage (web.design) |
Ich bin mal wieder mit einer Liste zugange. Vorne soll der Urheber stehen, dahinter mehrere Titel. Ich möchte, daß sich der Urheber im Schriftbild von den Titeln etwas abhebt (Farbe, vieleicht geringfügig größer). Darüber hinaus, habe ich so eine Ahnung, daß so etwas mit css geht, weiß aber nicht wie. |
#225248 catfight [Gast]23.07.2010, 09:57:33 @ Adeptus |
HTML/CSS-Frage |
Moin ...
<td class=\"urheber\">Mr. Soundso</td>
...
<td id=\"urheber\">Mr. Soundso</td>
...
<style type=\"text/css\">
<!--
// bei der Verwendung von Klassen
.urheber {color:red;font-size:2em;}
// bei der Verwendung von IDs
#urheber {color:red;font-size:2em;}
-->
</style>
|
#225251 Jörg Lorenz![]() Berlin, 23.07.2010, 10:17:29 @ catfight |
HTML/CSS-Frage |
Moin, -- |
#225249 teddy [Gast]23.07.2010, 10:03:41 @ Adeptus |
HTML/CSS-Frage |
> hinaus, habe ich so eine Ahnung, daß so etwas mit css geht, weiß aber nicht |
#225259 d-fensBonn, 23.07.2010, 10:51:37 (editiert von d-fens, 23.07.2010, 10:55:01) @ Adeptus |
HTML/CSS-Frage (ed) |
> Ich bin mal wieder mit einer Liste zugange. Vorne soll der Urheber stehen, <ul>
<li class=\"urheber\">Urheber 1
<ul>
<li class=\"titel\">Titel 1</li>
<li class=\"titel\">Titel 2</li>
<li class=\"titel\">Titel 3</li>
</ul>
</li>
<li class=\"urheber\">Urheber 2
<ul>
<li class=\"titel\">Titel 1</li>
<li class=\"titel\">Titel 2</li>
</ul>
</li>
</ul>
li.urheber {
color: blue;
font-weight: bold;
list-style: none;
}
li.titel {
color: #000000;
font-style: italic;
}
-- |
#225262 Jörg Lorenz![]() Berlin, 23.07.2010, 11:23:03 @ d-fens |
HTML/CSS-Frage |
> Mach doch zwei verschachtelte Listen, deren Elementen du unterschiedliche <dl class=\"irgendwas\">
<dt>Urheber1</dt>
<dd>Titel1</dd>
<dd>Titel2</dd>
<dd>Titel3</dd>
<dt>Urheber2</dt>
<dd>Titel1</dd>
<dd>Titel2</dd>
<dd>Titel3</dd>
</dl>
Dann könnte die Klasse formatiert werden und dazu der jeweilige Nachfahrkombinator DT und DD. Wobei in diesem Fall vielleicht auch eine ID möglich wäre. -- |
#225267 d-fensBonn, 23.07.2010, 11:33:03 @ Jörg Lorenz |
HTML/CSS-Frage |
> Wobei ich da überlegen würde, ob eine Definitionsliste nicht angebrachter -- |
#225268 Jörg Lorenz![]() Berlin, 23.07.2010, 11:43:39 @ d-fens |
HTML/CSS-Frage |
> Ja, das ist vielleicht noch eleganter. Ist halt nur die Frage, ob bereits -- |
#225342 Karsten Meyer![]() Konstanz am Bodensee, 23.07.2010, 16:35:30 @ Jörg Lorenz |
HTML/CSS-Frage |
> > Mach doch zwei verschachtelte Listen, deren Elementen du unterschiedliche <dl class=\"irgendwas\">
> <dt>Urheber1</dt>
> <dd>Titel1</dd>
> <dd>Titel2</dd>
> <dd>Titel3</dd>
>
> <dt>Urheber2</dt>
> <dd>Titel1</dd>
> <dd>Titel2</dd>
> <dd>Titel3</dd>
> </dl>
Dann könnte die Klasse formatiert werden und dazu der -- |
#225346 Jörg Lorenz![]() Berlin, 23.07.2010, 16:51:48 @ Karsten Meyer |
HTML/CSS-Frage |
> Genau diese Definitionsliste wollte ich ihm auch ans Herz legen. Nur für -- |
#225358 Johann [Gast]23.07.2010, 18:15:29 @ Jörg Lorenz |
HTML/CSS-Frage |
> Wenn man per JavaScript mittels DOM auf das Element |
#225357 Adeptus [Gast]23.07.2010, 18:15:19 @ Jörg Lorenz |
HTML/CSS-Frage |
Auch Dir meinen Dank. Ich werde beides mal versuchen. |
#225356 Adeptus [Gast]23.07.2010, 18:13:33 @ d-fens |
HTML/CSS-Frage |
Danke. So ähnlich hatte ich mir das gedacht, nur daß ich statt Bold und italic unterschiedliche Größen angeben wollte. |