css in Tabellen

[FriendOfMisery]

Also folgendes:

Mit CSS fang ich grad erst an (genaugenommen gestern), schon hab ich das erste Problem:

Ich hab ne externe CSS-Datei, in der ich u.a. für body ein paar Variablen hab. Funktioniert auch... nur komischerweise nicht in den Tabellen. Sprich: die Schrift erscheint da viel größer als im übrigen Dokument (aber komischerweise nur in der linken Spalte).

HÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄÄHHHHHHHHHHHHH?????????????????


Hier das CSS-File

<style type="text/css">
<!--
body {background-color:#252525; font-family: arial; color:#FFFFFF; font-size:10pt;
scrollbar-face-color: #C0C0C0;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #660000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #252525;
scrollbar-arrow-color: #252525}
a:link {color:#FFFFFF}
a:visited {color:#FFFFFF}
a:hover {color:#FFFFFF}
a:active {color:#FFFFFF}

-->
</style>


Hier die Tablle

<table>

<tr>
<td width="200" valign="top"><p><img border="0" src="Pics/ich.jpg" width="245" height="332" alt="Ich glaub ich brauch mal ein neues Foto *g*"></p></td>
<td width="100" valign="top">&nbsp;<b>Name:</b><br>&nbsp;<b>Spitz-Name:</b><br>&nbsp;<b>Net-Name:</b><br>&nbsp;<b>Geburtstag:</b><br>&nbsp;<b>Wohnort:</b>
<br><br>&nbsp;<b>Vorlieben:</b><br><br><br><br><br><br><br>&nbsp;<b>Abneigungen:</b><br><br><br>&nbsp;<b>Motto:</b></font></td>
<td width="270" valign="top"><font face="Arial" size="2">Tobias Koll<br>Tobi<br>FriendOfMisery<br>23. Mai 1980<br> Garching (bei M&uuml;nchen)
<br><br>- Heavy-Metal!!!<br>- Kino bzw. Video<br>- Konzerte<br>- Chili Con Carne<br>- Internet (ich brauch ne Flat!)<br>- meine Feunde und Kumpelz
<br><br>- schlechte Musik (da gibt´s viel!)<br>- dies und das (zuwenig Platz!)<br><br>&quot;Forever carry on&quot;</td>
</tr>
</table>

 

[FriendOfMisery]

Keine Ahnung was diese schießwütigen Smilies da plötzlich verloren haben!?! Ihr erkennts ja trotzdem, oder?
(muß heißen DOPPELPUNKT LEERZEICHEN RAUTE)

 

[Bushman]

Hi

du kannst jetzt noch mit
td {...}
in den Stylesheets die dinge festlegen, die in den Tabellen standart sein sollen!

.name kannst du festlegen, was in den <p> tags passieren soll!

 

[Thimo Grauerholz]

leider musst du für tabellen nen eigenen style zuweisen, siehe Bushmann's post.
das problem hatte ich auch schön öfters.

also du kannst es z.b. so machen

.irgendwas{font-family: arial; color: #FFFFFF; font-size:10pt;}
wenn es nur für einen bestimmten bereich sein soll kannst auch für die ganze tabelle im <table class="irgendwas">...</table> definieren.
oder nen <b class="irgendwas"> oder <span class="irgendwas"> usw.


oder du machst es einfach so:

td{font-family: arial; color: #FFFFFF; font-size:10pt;}
oder
table{font-family: arial; color: #FFFFFF; font-size:10pt;}
tr müsste glaub ich auch gehen.. naja td auf jedenfall.

 

[FriendOfMisery]

DANKE ihr beiden!!!

 

[Tucker]

Ist auch möglich, z.B. beim <td>- Tag mithilfe von class"" und css fest zu legen, dass nur an der rechten Seite der Spalte ein Rand erscheint?

 

[randomize]

Rand rechts beispielsweise:

td
{
  [...]
  border-right: 1px solid black;
}

Siehe auch SelfHTML für weitere Informationen.

 

[Jantz]

Hi..

probier doch mal folgendes

body, table, td {
background-color:#252525; font-family: arial; color:#FFFFFF; font-size:10pt;
}

ps. falls du bei den Tabellen einen Anderen Hintergund haben möchtest, must du das eben nochmal ausgliedern.

Gruß Jan