✔ CSS für Tabellen anwenden ?

[carlson74]

Also ich habe folgendes Problem !
Ich möchte gerne in meinem Newssystem hin und wieder Zusatzbilder im Artikel angeben dafür habe ich ein Javascript zu positionieren. Jetzt möchte ich aber unter die Zusatzbilder einen Text drunter schreiben sowie das Copyright also muss ich eine Tabelle in den Newstext einfügen. In diese Tabelle lade ich dann mit hilfe des Java-Scripts das Zusatzbild. Nun ist das Problem, das bei der Ausgabe die Tabelle sich nach dem CSS richtet also zeigt alles in der Fontgröße 10 an und ich möchte die Schrift in 8 nur für diese Tabelle haben genauso wie ich andere Farben in der Tabelle für die Zusatzbilder brauche, wie mache ich das ? Kann mir jemand helfen ?

Vielen dank schon mal ;-)

 

[Maik]

td { font-size: 8px; }

 

[carlson74]

Kann ich das dann so ins css einbauen und was muss ich dann an der Tabelle ändern ? Damit die Tabelle sich dementsprechend ändert ? Sorry wegen der Nachfrage bin aber absoluter Anfänger

 

[Maik]

Im Prinzip kannst es so in deine CSS-Datei einsetzen. Wenn du in der CSS-Datei für die Tabellenzelle schon einen Selektor notiert hast, so brauchst du nur die CSS-Eigenschaft font-size hinzufügen.


[edit]

An der Tabelle / -zelle brauchst du nichts verändern.

 

[carlson74]

Wie benenne ich denn das ganze dann, damit die CSS auch auf diese Tabelle greift ? Ich muss doch dann wie du schon geschrieben hast einen Sektor für die Tabelle anlegen wie mache ich das den ?

 

[Maik]

Poste doch mal deinen CSS-Code, damit ich dir zeigen kann, wo die CSS-Eigenschaft notiert wird.

 

[carlson74]

Hier habe ich meine CSS

a:link{color:#000000; font-size: 12px; font-family: Geneva, Arial, Helvetica, san-serif}
a:visited{color:#000000; font-size: 12px; font-family: Geneva, Arial, Helvetica, san-serif}
a:active{color:#FF8230; font-size: 12px; font-family: Geneva, Arial, Helvetica, san-serif}
a:hover{color:#FF8230; font-size: 12px; font-family: Geneva, Arial, Helvetica, san-serif}
.imgtext{font-size:10pt;font-style:verdana}
ul{font-family:Geneva, Arial, Helvetica, san-serif;font-size:12px}div { font-family:Geneva, Arial, Helvetica, san-serif;font-size:12px} p { font-family:Geneva, Arial, Helvetica, san-serif;font-size:12px}
td { font-family:Geneva, Arial, Helvetica, san-serif;font-size:12px}

Wie muss ich das dann an der Tabelle schreiben, damit auf die von dir eingestezten Datnen zugegriffen wird ?

Viele Dank schon mal ! ;-)

 

[Maik]

So sollte es funtionieren:

a:link{color:#000000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif}
a:visited{color:#000000; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif}
a:active{color:#FF8230; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif}
a:hover{color:#FF8230; font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif}
.imgtext{font-size:10pt;font-style:verdana}
ul{font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px}
div { font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px} 
p { font-family:Geneva, Arial, Helvetica, sans-serif;font-size:12px} 

td { font-family:Geneva, Arial, Helvetica, sans-serif;font-size:8px;}

Anmerkung: Die Schriftfamilie heisst sans-serif und nicht san-serif.

 

[carlson74]

Danke schon mal dafür und wie mache ich jetzt die Tabelle darauf aufmerksam, da sie sich auf diesen Teild er CSS beziehen soll ?

Danke nochmals

 

[Gumbo]

Jetzt möchte ich aber unter die Zusatzbilder einen Text drunter schreiben sowie das Copyright also muss ich eine Tabelle in den Newstext einfügen.

Du musst keine Tabelle dafür nehmen:

<dl class="figure floatLeft">
	<dt><img src="http://www.tutorials.de/images/menupics/tutlogo.gif" alt="Logo der Tutorials.de-Website"></dt>
	<dd class="copyright">Tutorials.de</dd>
	<dd>Logo der Tutorials.de-Website</dd>
</dl>

dl.figure {
	position:			relative;
	background-color:		#eee;
	border:				thin solid #aaa;
	font-family:			sans-serif;
}
dl.figure dt {
	margin:				.5%;
	margin-bottom:			.766em;
	text-align:			center;
}
dl.figure dt img {
	margin:				0 auto;
	display:			block;
}
dl.figure dd {
	margin:				0 1%;
}
dl.figure dd.copyright {
	position:			absolute;
	right:				0;
	font-size:			0.766em;
	color:				#888;
}
dl.figure dd.copyright::before {
	content:			"Abbildung: ";
}

.floatLeft {
	float:				left;
}
.floatRight {
	float:				right;
}