tabellenfarbe – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self tabellenfarbe Mon, 26 May 08 12:17:56 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249752#m1249752 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249752#m1249752 <p>hallo!</p> <p>wie färbt man denn einen tablehead ein? #000066</p> tabellenfarbe Mon, 26 May 08 12:24:13 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249757#m1249757 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249757#m1249757 <blockquote> <p>wie färbt man denn einen tablehead ein? #000066</p> </blockquote> <p>Schon versucht?<br> [code lang=html]<br> <table><br>   <thead style="background-color:#eee; color:#00f;"><br>     <tr><th>Head</th></tr><br>   </thead><br>   <tbody><br>     <tr><td>Data</td></tr><br>   </tbody><br> </table><br> [/html]</p> <p>mfg Beat</p> <div class="signature">-- <br> Selber klauen ist schöner! </div> tabellenfarbe Mon, 26 May 08 13:04:14 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249754#m1249754 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249754#m1249754 <p>Hoi,</p> <p>ich mach es so:</p> <p>table td {background:#F00}</p> <p><table border="0" cellspacing="0" cellpadding="0"><br>     <tr><td>Head</td></tr><br>     <tr><td>Data</td></tr><br> </table></p> <p>LG,<br> Inita</p> <div class="signature">-- <br> Don't forget to love yourself. </div> tabellenfarbe Tue, 27 May 08 07:51:08 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249753#m1249753 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249753#m1249753 <p>hi,</p> <blockquote> <p>wie färbt man denn einen tablehead ein? #000066</p> </blockquote> <p>Das erledigt man mit CSS,</p> <p>CSS<br> ---</p> <pre><code class="block language-css"><span class="token selector">table</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 400px<span class="token punctuation">;</span> border<span class="token punctuation">:</span> 1px solid #000<span class="token punctuation">;</span> border-collapse<span class="token punctuation">:</span> collapse<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">th, td</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> vertical-align<span class="token punctuation">:</span> top<span class="token punctuation">;</span> padding<span class="token punctuation">:</span> 4px 0 0 10px<span class="token punctuation">;</span> border-bottom<span class="token punctuation">:</span> 1px solid #000<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">th</span> <span class="token punctuation">{</span> border-right<span class="token punctuation">:</span> 1px solid #000<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">thead th, tfoot td</span> <span class="token punctuation">{</span> padding<span class="token punctuation">:</span> 4px 0 4px 35px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">thead th</span> <span class="token punctuation">{</span> background-color<span class="token punctuation">:</span> #006<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">tfoot td</span> <span class="token punctuation">{</span> background-color<span class="token punctuation">:</span> #F00<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>HTML<br> ----</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>thead</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Keys und Values<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>thead</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tfoot</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span> <span class="token attr-name">colspan</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>2<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Daten ende<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tfoot</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Key<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>Value<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Key<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>Value<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Key<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>Value<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tbody</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <p>grüße</p> <div class="signature">-- <br> <a href="http://www.myvideo.de/watch/2503116/I_have_a_dream_Will_I_AM_feat_Common" rel="nofollow noopener noreferrer">I have a Dream...</a> </div> tabellenfarbe Mon, 26 May 08 13:09:21 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249755#m1249755 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249755#m1249755 <blockquote> <p>ich mach es so:<br> table td {background:#F00}</p> <p><table border="0" cellspacing="0" cellpadding="0"><br>     <tr><td>Head</td></tr><br>     <tr><td>Data</td></tr><br> </table></p> </blockquote> <p>was hält dich davon ab, <th /> für kopfzellen zu verweden? - mit deinem beispiel triffst du zudem keine unterscheidung zwischen kopf und datenzelle, in deinem beispiel sind dalle alle rot ;)</p> tabellenfarbe Mon, 26 May 08 15:18:05 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249756#m1249756 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249756#m1249756 <p>nun ja, es konnte da auch <th> fuer head sein, wollte td betonen.</p> <p>Gruss, Inita</p> tabellenfarbe Mon, 26 May 08 12:52:53 Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249758#m1249758 https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249758#m1249758 <p>@@Beat:</p> <blockquote> <p>Schon versucht?<br> <table><br>   <thead style="background-color:#eee; color:#00f;"></p> </blockquote> <p>Besser gar nicht erst versuchen!!</p> <p>Das 'style'-Attribut ist böse! Besser: Trennung von Markup und Layout:</p> <p>HTML:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>thead</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>th</span><span class="token punctuation">></span></span>Head<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>th</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>thead</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span>Data<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tbody</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> </code></pre> <p>CSS:</p> <pre><code class="block language-css"><span class="token selector">thead</span> <span class="token punctuation">{</span> background-color<span class="token punctuation">:</span> #EEE<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #00F<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Live long and prosper,<br> Gunnar</p> <div class="signature">-- <br> “New Jersey Hall of Fame? […] But then I ran through the list of names: Albert Einstein, Bruce Springsteen... my mother's going to like that. […] it's the only time she's going to hear those two names mentioned in the same sentence, so I'm going to enjoy it.” (Bruce Springsteen when inducted into the New Jersey Hall of Fame, 2008-05-04) </div>