CSS

Gesperrt
ClemensSchnitzler
Beiträge: 137
Registriert: Di 17. Aug 2004, 12:32
Kontaktdaten:
Kontaktdaten von ClemensSchnitzler

CSS

Beitrag 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
Nach oben
PhP-PaPa
Beiträge: 11
Registriert: Do 20. Jan 2005, 22:37
Wohnort: Im Pott
Kontaktdaten:
Kontaktdaten von PhP-PaPa

Nicht .td sondern td

Beitrag 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
Es gibt 10 Arten von Menschen. Die Einen verstehen das binaere System, die Anderen nicht.
Nach oben
kummer
Beiträge: 2423
Registriert: Do 6. Mai 2004, 09:17
Wohnort: Bern, Schweiz
Kontaktdaten:
Kontaktdaten von kummer

Beitrag von kummer »

ganz listige signatur... :lol:
aitsu.org :: schnell - flexibel - komfortabel :: Version 2.2.0 (since June 22, 2011) (jetzt mit dual license GPL/kommerziell)
Nach oben
ClemensSchnitzler
Beiträge: 137
Registriert: Di 17. Aug 2004, 12:32
Kontaktdaten:
Kontaktdaten von ClemensSchnitzler

Beitrag 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
Nach oben
PhP-PaPa
Beiträge: 11
Registriert: Do 20. Jan 2005, 22:37
Wohnort: Im Pott
Kontaktdaten:
Kontaktdaten von PhP-PaPa

Beispielcode

Beitrag 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:

Code: Alles auswählen

<td><div class="headline">Irgend ein Text</div></td>
Damit würde die Definition des <td>-Tags überschrieben.

Gruß Michael
Es gibt 10 Arten von Menschen. Die Einen verstehen das binaere System, die Anderen nicht.
Nach oben
ClemensSchnitzler
Beiträge: 137
Registriert: Di 17. Aug 2004, 12:32
Kontaktdaten:
Kontaktdaten von ClemensSchnitzler

Beitrag 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">&nbsp;</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">&nbsp;</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">&nbsp;</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>&nbsp;</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">&nbsp;</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
Nach oben
PhP-PaPa
Beiträge: 11
Registriert: Do 20. Jan 2005, 22:37
Wohnort: Im Pott
Kontaktdaten:
Kontaktdaten von PhP-PaPa

Beitrag von PhP-PaPa »

Hallo,

gibt es innerhalb der Module, die du in die Container lädts, weiter StyleSheet definitionen?

Gruss Michael
Es gibt 10 Arten von Menschen. Die Einen verstehen das binaere System, die Anderen nicht.
Nach oben
ClemensSchnitzler
Beiträge: 137
Registriert: Di 17. Aug 2004, 12:32
Kontaktdaten:
Kontaktdaten von ClemensSchnitzler

Beitrag von ClemensSchnitzler »

Das ganze spielt sich in einem von der Installation vorgegebenen Modul ab.

Code: Alles auswählen

<?php echo "CMS_HTML[1]"; ?>
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
Nach oben
PhP-PaPa
Beiträge: 11
Registriert: Do 20. Jan 2005, 22:37
Wohnort: Im Pott
Kontaktdaten:
Kontaktdaten von PhP-PaPa

Beitrag 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:

Code: Alles auswählen

<td style="font-size:24pt;">Text</td>
Gruß Michael
Es gibt 10 Arten von Menschen. Die Einen verstehen das binaere System, die Anderen nicht.
Nach oben
ClemensSchnitzler
Beiträge: 137
Registriert: Di 17. Aug 2004, 12:32
Kontaktdaten:
Kontaktdaten von ClemensSchnitzler

Beitrag 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
Nach oben
ClemensSchnitzler
Beiträge: 137
Registriert: Di 17. Aug 2004, 12:32
Kontaktdaten:
Kontaktdaten von ClemensSchnitzler

Beitrag 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
Nach oben
Gesperrt

Zurück zu „Version 4.4“