Seite 1 von 1
CSS
Verfasst: Fr 21. Jan 2005, 08:28
von ClemensSchnitzler
Hallo Contenido Gemeinde,
ich versuche krampfhaft die Schrift in Tabellen per CSS zu steuern. Dazu habe ich das CSS wie folgt geändert:
body {font-family: helvetica, arial, geneva, sans-serif; font-size:12; color: #FFFFFF}
table {font-family: helvetica, arial, geneva, sans-serif; font-size:12; color:#FFFFFF}
.punkte {font-family: verhelvetica, arial, geneva, sans-serif; font-size:12; color:#FFFFFF; font-weight: bold}
.headline {font-family: helvetica, arial, geneva, sans-serif; font-size:15; color:#FFFFFF; font-weight: bold}
.subheadline {font-family: helvetica, arial, geneva, sans-serif; font-size:13; color:#FFFFFF; font-weight: bold}
.text {font-family: helvetica, arial, geneva, sans-serif; font-size:12; color:#FFFFFF}
.navigation {font-family: arial, geneva, sans-serif; font-size:12; color:#FFFFFF;}
.td {font-family: helvetica, arial, geneva, sans-serif; font-size:12; color:#FFFFFF}
.th {font-family: helvetica, arial, geneva, sans-serif; font-size:12; color:#FFFFFF}
A:link {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A:visited {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A:hover {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #6699FF}
A:active {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #6699FF}
A.klein:link {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A.klein:visited {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #000000}
A.klein:hover {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #6699FF}
A.klein:active {font-family: helvetica, arial, geneva, sans-serif; font-size:12; text-decoration: none; color: #6699FF}
Das CSS ist wie folgt ins Layout eingebunden:
<html>
<head>
<title>1. FSV Mainz 05 - Abteilung Handball</title>
<link rel="StyleSheet" href="css/format.css"
type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</head>
<body bgcolor="#0c58b8">
<table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<!-- fwtable fwsrc="05_SKIN_Frames.png" fwbase="allgemein.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="1" -->
<tr>
Am MS Explorer sieht man keinen Unterschied ausser der Schriftfarbe weiß, egal welche Schriftgröße ich auch definiere. Beim Opera erscheint die Schrift in ca. 8pt, auch hier ist es unerheblich welchen Schriftgrad ich angebe.
Ich habe das Gefühl, das gar nicht richtig auf die CSS-Datei zugegriffen wird. Anschauen, kann man sich das ganze unter
www.handballmainz05.de/contenido/cms. Tabellen findet Ihr unter Abteilung und dort noch mal unter Trainingszeiten.
Vielleicht kann mir jemand einen Tip geben, wo der Fehler liegt. Vielen Dank.
Viele Grüße aus dem schönen Taunus
Clemens
Nicht .td sondern td
Verfasst: Fr 21. Jan 2005, 08:59
von PhP-PaPa
Hallo,
entweder verwendest du <td class="td">iRgend ein Text</td>
oder du schreibst in der css-Definition nicht .td sonder nur td, damit werden aber alle <td>-Tags definiert.
Gruß Michael
Verfasst: Fr 21. Jan 2005, 09:20
von kummer
ganz listige signatur...
Verfasst: Fr 21. Jan 2005, 10:13
von ClemensSchnitzler
Ich habe mich für folgendes entschieden:
oder du schreibst in der css-Definition nicht .td sonder nur td, damit werden aber alle <td>-Tags definiert.
und eine Schriftgröße von 24 px definiert. Es ändert sich aber rein garnichts.
Gruß Clemens
Beispielcode
Verfasst: Fr 21. Jan 2005, 10:24
von PhP-PaPa
Kannst du bitte einen typischen Inhalt posten, der zwischen den <td>-Tags stehen würde. Dein erstes Posting endet mit <tr>.
Ich habe es bei mir in der Testumgebung ausprobiert und es funktioniert wie erwartet.
Ich kann mir noch vorstellen, dass der Inhalt einer Zelle ebenfalls eine eigene Definition hat. so nach dem Motto:
Damit würde die Definition des <td>-Tags überschrieben.
Gruß Michael
Verfasst: Fr 21. Jan 2005, 10:36
von ClemensSchnitzler
Anbei nun mein gesamtes Layout. Ich muss dort natürlich noch ordentlich aufräumen. Ich befinde mich noch in der Testphase, nicht nur für diiese Seite sondern für Coontenido.
Code: Alles auswählen
<html>
<head>
<title>1. FSV Mainz 05 - Abteilung Handball</title>
<link rel="StyleSheet" href="css/format.css"
type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</head>
<body bgcolor="#0c58b8">
<table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td height="96" align="left" valign="top"><table width="100%" height="96" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td align="left" valign="top"><table width="700" height="96" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="700" height="61" align="left" valign="top" background="upload/images/oben_r1_c3.jpg"><img name="allgemein_r1_c1" src="upload/images/oben_r1_c1.jpg" width="569" height="61" border="0" alt=""></td>
</tr>
<tr>
<td align="left" valign="top"><table width="700" height="35" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="160" height="35" align="left" valign="top"><img name="allgemein_r2_c1" src="upload/images/oben_r2_c1.jpg" width="160" height="35" border="0" alt=""></td>
<td width="540" height="35" align="left" valign="top" background="upload/images/oben_r2_c2.jpg">CMS_CONTAINER[2]</td>
</tr>
</table></td>
</tr>
</table></td>
<td width="100%" height="96" align="left" valign="top" background="upload/images/oben_r1_c3.jpg"> </td>
<td align="left" valign="top"><table width="216" height="96" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="216" height="61" align="left" valign="top"><img name="allgemein_r1_c6" src="upload/images/oben_r1_c4.jpg" width="216" height="61" border="0" alt=""></td>
</tr>
<tr>
<td width="216" height="35" align="left" valign="top"><img name="allgemein_r2_c6" src="upload/images/oben_r2_c4.jpg" width="216" height="35" border="0" alt=""></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top"><table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="160" height="100%" align="left" valign="top"><table width="160" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="160" height="170" align="left" valign="top" background="upload/images/mitte_r1_c1.gif"><table width="160" border="0" cellspacing="0" cellpadding="0" height="80">
<tr height="80">
<td align="left" valign="top" width="160" height="80"></td>
</tr>
</table>
CMS_CONTAINER[4]</td>
</tr>
<tr>
<td width="160" height="100%" align="left" valign="top" background="upload/images/mitte_r4_c1.gif"> </td>
</tr>
<tr>
<td width="160" height="11" align="left" valign="top"><img name="allgemein_r7_c1" src="upload/images/allgemein_r7_c1.gif" width="8" height="11" border="0" alt=""></td>
</tr>
<tr>
<td><table width="160" height="103" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="20" height="103" align="left" valign="top"><img name="allgemein_r8_c1" src="upload/images/allgemein_r8_c1.gif" width="20" height="8" border="0" alt=""></td>
<td width="125" height="103" align="left" valign="top"><table width="125" height="103" border="1" cellpadding="6" cellspacing="0" bordercolor="#9CB498">
<tr>
<td width="125" height="103" align="left" valign="top" background="upload/images/hintergrund.gif"> </td>
</tr>
</table></td>
<td width="15" height="103" align="left" valign="top"><img name="allgemein_r8_c3" src="upload/images/allgemein_r8_c3.gif" width="15" height="8" border="0" alt=""></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="100%" height="100%" align="left" valign="top"><table width="100%" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="100%" height="100%" align="left" valign="top"><table width="100%" height="100%" border="1" cellpadding="6" cellspacing="0" bordercolor="#9CB498">
<tr>
<td width="100%" height="90%" align="left" valign="top" background="upload/images/hintergrund.gif"><table width="100%" align="left" height="90%" border="0" cellspacing="0" cellpadding="6">
<tr align="left" valign="top" height="15">
<td width="100%" height="30" align="left" valign="top">CMS_CONTAINER[5]</td>
</tr>
<tr align="left" valign="top" height="19">
<td width="100%" height="30" align="left" valign="top">CMS_CONTAINER[6]</td>
</tr>
<tr align="left" valign="top" height="100">
<td width="100%" height="100%" align="left" valign="top">CMS_CONTAINER[7]</td>
</tr>
<tr align="left" valign="top" height="100">
<td width="100%" height="30" align="left" valign="bottom">CMS_CONTAINER[11]</td>
</tr>
</table>
<p> </p></td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="11" align="left" valign="top"><img name="allgemein_r7_c4" src="upload/images/allgemein_r7_c4.gif" width="2" height="11" border="0" alt=""></td>
</tr>
<tr>
<td width="100%" height="103" align="left" valign="top"><table width="100%" height="103" border="1" cellpadding="0" cellspacing="0" bordercolor="#9CB498">
<tr>
<td width="100%" height="100" align="left" valign="top" background="upload/images/hintergrund.gif"> </td>
</tr>
</table></td>
</tr>
</table></td>
<td width="15" height="100%" align="left" valign="top"><img name="allgemein_r3_c5" src="upload/images/allgemein_r3_c5.gif" width="15" height="2" border="0" alt=""></td>
<td width="200" height="100%" align="left" valign="top"><table width="200" height="100%" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="#0c58b8">
<tr>
<td width="200" height="103" align="left" valign="top"><table width="200" height="103" border="1" cellpadding="6" cellspacing="0" bordercolor="#9CB498">
<tr>
<td width="200" height="103" align="left" valign="top" background="upload/images/hintergrund.gif"><font size="-2">CMS_CONTAINER[1]</font></td>
</tr>
</table></td>
</tr>
<tr>
<td width="200" height="11" align="left" valign="top"><img name="allgemein_r4_c6" src="bilder/allgemein_r4_c6.gif" width="2" height="11" border="0" alt=""></td>
</tr>
<tr>
<td width="200" height="100%" align="left" valign="top"><table width="200" height="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#9CB498">
<tr>
<td width="200" height="100%" align="left" valign="top" background="upload/images/hintergrund.gif"><table width="137" cellspacing="0" cellpadding="6" border="0" height="100%">
<tr>
<td align="left" valign="top" width="183">CMS_CONTAINER[8]</td>
</tr>
<tr>
<td align="left" valign="top" width="183">CMS_CONTAINER[9]</td>
</tr>
<tr>
<td align="left" valign="top" width="183">CMS_CONTAINER[10]</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td width="200" height="11" align="left" valign="top"><img name="allgemein_r7_c6" src="bilder/allgemein_r7_c6.gif" width="2" height="11" border="0" alt=""></td>
</tr>
<tr>
<td width="200" height="103" align="left" valign="top"><table width="200" height="103" border="1" cellpadding="6" cellspacing="0" bordercolor="#9CB498">
<tr>
<td width="200" height="103" align="left" valign="top" background="upload/images/hintergrund.gif">CMS_CONTAINER[3]</td>
</tr>
</table> </td>
</tr>
</table></td>
<td width="16" height="100%" align="left" valign="top"><img name="allgemein_r3_c7" src="upload/images/allgemein_r3_c7.gif" width="16" height="2" border="0" alt=""></td>
</tr>
</table></td>
</tr>
<tr>
<td width="100%" height="12" align="left" valign="top"><img name="allgemein_r9_c1" src="upload/images/allgemein_r9_c1.gif" width="2" height="12" border="0" alt=""></td>
</tr>
</table>
</body>
</html>
Grüße Clemens
Verfasst: Fr 21. Jan 2005, 10:49
von PhP-PaPa
Hallo,
gibt es innerhalb der Module, die du in die Container lädts, weiter StyleSheet definitionen?
Gruss Michael
Verfasst: Fr 21. Jan 2005, 11:19
von ClemensSchnitzler
Das ganze spielt sich in einem von der Installation vorgegebenen Modul ab.
Dies ist der Code im Bereich Output. Input ist leer. In diesem Bereich habe ich dann im Editor beim Artikel anlegen eine Tabelle eingefügt.
Gruß Clemens
Verfasst: Fr 21. Jan 2005, 12:49
von PhP-PaPa
Hmmmm....
genaus so habe ich es auch ausprobiert und es klappt.
Ich habe eine Tabelle im HTML-Text - Fenster erstellt, abgespeichert und das layout geändert. Es funktioniert einwandfrei.
Klappt es den, wenn du innerhalb des <td>-Tags die StyleShhet eigenschaften mal von Hand setzt?
So in der Art:
Gruß Michael
Verfasst: Fr 21. Jan 2005, 14:08
von ClemensSchnitzler
Ich sehe eine Änderung. Da alle Container aber innerhalb von Tabellen liegen, ist davon die ganze Website betroffen. Nur bekomme ich im Moment Probleme zwischen diversen Browsern. Unter Windows 2000 werden Bilder nicht angezeigt. Unter Mac OSX mit Microsoft siehts wieder anders aus und in Safari habe ich die dritte Variante.
Im Editor kann man ja auch diverse Größen für die Schrift eingeben. Wo sind diese denn eigentlich definiert bzw. wie binde ich dies exakt in mein CSS ein?
Da ich momentan auf der Arbeit bin, werde ich zuhause weitermachen.
Vorerst vielen Dank!
Gruß Clemens
Verfasst: Fr 21. Jan 2005, 17:37
von ClemensSchnitzler
Also der Vorschlag funktioniert jetzt. Ich habe nur das Problem, dass die komplette Site den Größenwert aus der CSS übernimmt da eigentlich alles innerhalb von Tabellen steht. Um dies zu ändern habe ich mir überlegt, für Seiten mit Tabellen ein neues Template zu erstellen. Hierzu möchte ich ein neues Modul erstellen, in welchem ich dann das CSS für Tabellen einbinde.
Deshalb die Frage: ist dies möglich oder greift das CSS dann wieder auf die komplette Site zu? Und wenn Ja, binde ich das Template im Input oder Outputbereich ein?
Viele Grüße
Clemens