CSS Problem mit TemplaVoila

pschnoor · #1 11.07.08, 14:46

Hallo, ich habe folgendes Problem:

Ich arbeite mit Typo 4.1.6. und TemplaVoila - ich habe nun eine CSS und html-Template Datei erstellt - alles wird wunderbar dargestellt - so wie ich mir das vorstelle. Nur die css angaben für h2 und subtext werden nicht angenommen, d.h. die werden einfach ignoriert und es werden die angaben für h1 und bodytext genommen.

anbei der code vom css:

h1 { font-family:arial; font-size:16px; color:#333333; font-weight:bold; font-style:normal;}

h2 { font-family:arial; font-size:12px; color:#333333; font-weight:bold; font-style:normal;}
.subtext { font-family:arial; font-size:11px; color:#333333; font-style:normal;}

.copygr { font-family:arial; font-size:14px; color:#333333; font-style:normal;}
.bodytext { font-family:arial; font-size:12px; color:#333333; font-style:normal;}
.tabletext { font-family:arial; font-size:11px; color:#333333; font-style:normal;}

a { font-family:arial; font-size:12px; color:#333333; font-weight:bold; font-style:italic; text-decoration:none;}
a:hover { font-family:arial; font-size:12px; color:#333333; font-weight:bold; font-style:italic; text-decoration:underline;}

.tx-hypernav-pi1-firstLevel { font-family:arial; font-size:11px; color:#FFD100; font-weight:bold; font-style:normal; text-decoration:none;}
.tx-hypernav-pi1-firstLevel a { font-family:arial; font-size:11px; color:#FFD100; font-weight:bold; font-style:normal; text-decoration:none;}
.tx-hypernav-pi1-firstLevel a:hover { font-family:arial; font-size:11px; color:#FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}

.submenu-level1-no a:link { font-family:arial; font-size:11px; color:333333; font-weight:bold; font-style:normal; text-decoration:none;}
.submenu-level1-no a:visited { font-family:arial; font-size:11px; color:333333; font-weight:bold; font-style:normal; text-decoration:none;}
.submenu-level1-no a:hover { font-family:arial; font-size:11px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}
.submenu-level1-no a:active { font-family:arial; font-size:11px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}

.submenu-level2-no a:link { font-family:arial; font-size:10px; color:333333; font-weight:bold; font-style:normal; text-decoration:none;}
.submenu-level2-no a:visited { font-family:arial; font-size:10px; color:333333; font-weight:bold; font-style:normal; text-decoration:none;}
.submenu-level2-no a:hover { font-family:arial; font-size:10px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}
.submenu-level2-no a:active { font-family:arial; font-size:10px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}

.menu-level1-no a:link {font-family:arial; font-size:12px; color:F2F2F2; font-weight:bold; font-style:normal; text-decoration:none;}
.menu-level1-no a:visited {font-family:arial; font-size:12px; color:F2F2F2; font-weight:bold; font-style:normal; text-decoration:none;}
.menu-level1-no a:hover {font-family:arial; font-size:12px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}
.menu-level1-no a:active {font-family:arial; font-size:12px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:underline;}

.menu-level2-no a:link {font-family:arial; font-size:11px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:none;}
.menu-level2-no a:visited {font-family:arial; font-size:11px; color:FFD100; font-weight:bold; font-style:normal; text-decoration:none;}
.menu-level2-no a:hover {font-family:arial; font-size:11px; color:F2F2F2; font-weight:bold; font-style:normal; text-decoration:underline;}
.menu-level2-no a:active {font-family:arial; font-size:11px; color:F2F2F2; font-weight:bold; font-style:normal; text-decoration:underline;}

und hier die html-tmpl Vorlage für Templa:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>

<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
<title>Titel</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="drumcss_001.css"/>

</head>
<body bgcolor="#eeeeee">

<center>
<table border="0" width="900" cellpadding="0" cellspacing="0">
<tr>
<td background="./img/header_bg.jpg" height="143" colspan="2">
<table border="0" with="900" height="143" cellpadding="5" cellspacing="0">
<tr>
<td width="165" height="143" valign="top">

</td>
<td class="rootline" width="735" height="143" valign="bottom" align="right">

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="163" height="600" valign="top" align="right" bgcolor="#000000">
<img src="./img/nav_head.jpg"><br>
<img src="./img/pix.gif" width="1" height="40"><br>

<table border="0" cellpadding="5" cellspacing="5">
<tr>
<td align="right" valign="top" id="menu">
<div class="menu-level1-no"><a href="#">menu item 1</a></div>
<div class="menu-level1-act"><a href="#">menu item 1 act</a></div>
<div class="menu-level2-no"><a href="#">level 2 item</a></div>
<div class="menu-level2-act"><a href="#">level 2 item act</a></div>
</td>
</tr>
</table>
</td>
<td width="735" valign="top" bgcolor="#ffffff">



<table border="0" cellpadding="5" cellspacing="3">
<tr>
<td colspan="2 align="right" width="720">
<table border="0" cellpadding="2" cellspacing="0" align="right">
<tr>
<td align="left" id="submenu">
<nobr class="submenu-level1-no"><a href="#">submenu item 1</a></nobr>
<nobr class="submenu-level1-act"><a href="#">submenu item 1</a></nobr>
</td>
</tr>
<tr>
<td align="left" id="submenu2">
<nobr class="submenu-level2-no"><a href="#">submenu2 item 1</a></nobr>
<nobr class="submenu-level2-act"><a href="#">submenu2 item 1</a></nobr>
</td>
</tr>
</table>
</td>

</tr>
<tr>
<td id="content" width="555" valign="top">

<h1>Herzlich Willkommen</h1>
<p class="bodytext">Hier ist der Hauptcontent</p>

</td>
<td id="subcontent" width="180" valign="top">

<h2>Herzlich Willkommen</h2>
<p class="subtext">Hier ist der Subcontent</b>

</td>
</tr>
</table>
</td>

</tr>
</table>
</center>

</body>
</html>

und hier die letztendliche Ausgabe - was typo daraus macht (aber nur der Bereich der Fehlerhaft ist:

<td id="subcontent" width="180" valign="top"> 
<a id="c49"></a>

<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">SCHLAGWERK Cajons</h1></div>



<div class="csc-textpic csc-textpic-center csc-textpic-above"><div class="csc-textpic-imagewrap" style="width:126px;"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:126px;"><dt><img src="uploads/pics/cajon.jpg" width="126" height="95" border="0" alt="" /></dt></dl></div><div class="csc-textpic-text">
 <p class="bodytext">Das peruanische Cajon, auch bekannt als kleinstes Schlagzeug der Welt, hat in den letzten Jahren einen wahren Siegeszug um die Welt angetreten.<br /><a href="index.php?id=30" class="internal-link" >hier mehr</a></p>

</div></div><div class="csc-textpic-clear"></div>


Würde mich freuen - wenn mir jemand helfen kann.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
TemplaVoila, RTE und </tag> - Problem	klausherzberg	TYPO3 4.x Rich Text Editor	4	20.04.08 10:56
Gelöst Templavoila und Printer friendly version problem	kkraft	TemplaVoila	0	16.03.08 11:46
TemplaVoila Problem :(	tobir	TYPO3 4.x Fragen und Probleme	0	13.03.08 19:41
Problem mit templavoila	ilyas117	TemplaVoila	7	28.03.07 14:48
Problem nach Installation von TemplaVoila	webmagier	TYPO3 4.x Fragen und Probleme	1	08.08.06 12:32

Suche

Userpanel

CSS Problem mit TemplaVoila