tag:forum.selfhtml.org,2005:/self tabellenfarbe – SELFHTML-Forum 2008-05-27T07:51:08Z https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249752#m1249752 peter 2008-05-26T12:17:56Z 2008-05-26T12:17:56Z tabellenfarbe <p>hallo!</p> <p>wie färbt man denn einen tablehead ein? #000066</p> https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249757#m1249757 Beat http://www.elcappuccino.ch/cgi/tok.pl?lang=1 2008-05-26T12:24:13Z 2008-05-26T12:24:13Z tabellenfarbe <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> https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249754#m1249754 Inita inix@inbox.lv http://gut.lv/ 2008-05-26T13:04:14Z 2008-05-26T13:04:14Z tabellenfarbe <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> https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249753#m1249753 Malcolm Beck´s dirty_harry@dj-tut.de 2008-05-27T07:51:08Z 2008-05-27T07:51:08Z tabellenfarbe <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> https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249755#m1249755 suit suit@rebell.at http://rebell.at/ 2008-05-26T13:09:21Z 2008-05-26T13:09:21Z tabellenfarbe <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> https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249756#m1249756 Inita_ iniks@one.lv http://gut.lv 2008-05-26T15:18:05Z 2008-05-26T15:18:05Z tabellenfarbe <p>nun ja, es konnte da auch <th> fuer head sein, wollte td betonen.</p> <p>Gruss, Inita</p> https://forum.selfhtml.org/self/2008/may/26/tabellenfarbe/1249758#m1249758 Gunnar Bittersmann self2008@gunnarbittersmann.de http://bittersmann.de/ 2008-05-26T12:52:53Z 2008-05-26T12:52:53Z tabellenfarbe <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>