CSS will nicht so wie ich will

Roger80 · #1 04.04.08, 20:47

Hallo zusammen...

Ich habe den RTE installiert und habe meine eigenen CSS Types in einem separaten File definiert.
Wenn ich nun meine Inhalte in eine Tabelle fülle, verzieht es mir die Ganze Tabelle, was ich nicht will, kann mir jemand sagen, wie ich das verhindern kann?
Anbei noch ein Screenshot der sehr unschönen Situation...
Hier noch mein CSS Code, verwenden tue ich für den Titel das Element .title und für den normalen Text .normalText

Code:

h5
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 11px;
}

h4
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 12px;
}



.title
{
    color: #353535;
    background-color: White;
    font-family: sans-serif;
    font-size: 14px;
    font-weight: bolder;
    }
    
.normalText
{
    color: #353535;
    background-color: White;
    font-family:"Frutiger Linotype";
    font-size: 11px;
    border:0px;
    margin:0px;
    padding:0;
    }

p,blockquote{
 text-align: left;
 white-space: pre;
 font-family: sans-serif;
 font-size: 12px;
}

table {
    
    color: #353535;
    background-color: White;
    font-family:"Frutiger Linotype";
    font-size: 11px;
    background: Fuchsia;
    border: 0px
    }

**Phlogiston** · #2 06.04.08, 00:14

Hilfreich wäre ein Live Link oder den HTML Quellcode. Warum white-space: pre;?

Roger80 · #3 11.04.08, 19:41

Hallo zusammen

War leider diese Woche im Ausland und hatte keine Gelegenheit ins internet zu kommen. Leider kann ich kein Live Link anbieten, da ich meine Site lokal entwickle. Hier aber der Quellcode für die Seite:

HTML-Code:

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <!-- 
    This website is brought to you by TYPO3 - get.content.right
    TYPO3 is a free open source Content Management Framework created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2005 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://www.typo3.com
--> <style type="text/css">
        /*<![CDATA[*/
    <!--
    /* default styles for extension "tx_mininews_pi1" */
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-title { font-weight:bold; }
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser { margin-bottom:15px; }
    .tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-title { font-weight:bold; }
    .tx-mininews-pi1 .tx-mininews-pi1-fp_listrow P.tx-mininews-pi1-fp_listrowField-teaser { margin-top:0px; margin-bottom:10px; }
    .tx-mininews-pi1 .tx-mininews-pi1-singleView P.tx-mininews-pi1-singleViewField-teaser { font-style:italic; margin-top:5px; margin-bottom:10px; }
    .tx-mininews-pi1 .tx-mininews-pi1-browsebox P SPAN.tx-mininews-pi1-browsebox-strong { font-weight:bold; }
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A { color:black; text-decoration:none; }
    .tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A:hover { color:black; text-decoration:none; }
    -->
        /*]]>*/
    </style> <link rel="stylesheet" type="text/css" href="fileadmin/css/style.css" /> <title>Gesichtspflege, Make-Up</title> <meta name="generator" content="TYPO3 3.8 CMS" /> <meta name="AUTHOR" content="Roger Böhlen" /> <meta name="DESCRIPTION" content="Sherins Kosmetikseite" /> <script type="text/javascript">
        /*<![CDATA[*/
    <!--
        browserName = navigator.appName;
        browserVer = parseInt(navigator.appVersion);
        var msie4 = (browserName == "Microsoft Internet Explorer" && browserVer >= 4);
        if ((browserName == "Netscape" && browserVer >= 3) || msie4 || browserName=="Konqueror" || browserName=="Opera") {version = "n3";} else {version = "n2";}
            // Blurring links:
        function blurLink(theObject)    {    //
            if (msie4)    {theObject.blur();}
        }
        
    // -->
        /*]]>*/
    </script> </head> <body bgColor = "#FFFFFF"> <div id="main" > <!--Level1--> <div id="level_1_left"></div> <div id="level_1_logo"> <p><img src="fileadmin/pictures/logo.jpg" class="logopicture" alt="Logo"></p> </div> <div id="level_1_navigation"> <p>&nbsp;</p> <p><a href="index.php?id=32" onfocus="blurLink(this);"><img src="typo3temp/menu/0f43008718.gif" width="200" height="25" border="0" alt="Home" /></a><a href="index.php?id=33" onfocus="blurLink(this);"><img src="typo3temp/menu/d7eb5a0718.gif" width="200" height="25" border="0" alt="Behandlungen" /></a><a href="index.php?id=36" onfocus="blurLink(this);"><img src="typo3temp/menu/4e2b8cd40c.gif" width="200" height="25" border="0" alt="Gesichtspflege, Make-Up" /></a><a href="index.php?id=38" onfocus="blurLink(this);"><img src="typo3temp/menu/c910e4f98c.gif" width="200" height="25" border="0" alt="Haare" /></a><a href="index.php?id=37" onfocus="blurLink(this);"><img src="typo3temp/menu/8a85bbdb18.gif" width="200" height="25" border="0" alt="Manicure" /></a><a href="index.php?id=40" onfocus="blurLink(this);"><img src="typo3temp/menu/2920847fff.gif" width="200" height="25" border="0" alt="Wellness &amp; SPA " /></a><a href="index.php?id=34" onfocus="blurLink(this);"><img src="typo3temp/menu/fa45a29a0c.gif" width="200" height="25" border="0" alt="Produkte" /></a><a href="index.php?id=35" onfocus="blurLink(this);"><img src="typo3temp/menu/45e9fbd639.gif" width="200" height="25" border="0" alt="Wer sind wir" /></a></p> </div> <!--Level2--> <div id="level_2_left"></div> <div id="level_2_bordertop"></div> <div id="level_2_right"></div> <!--Level3--> <div id="level_3_left"></div> <div id="level_3_borderleft"></div> <div id="level_3_content"> <!--  CONTENT ELEMENT, uid:40/textpic [begin] --> <a name="40"></a> <!--  Image block: [begin] --> <table border="0" cellspacing="0" cellpadding="0" class="imgtext-nowrap"><tr><td valign="top"><table width="381" border="0" cellspacing="0" cellpadding="0"  class="imgtext-table"><tr><td colspan="1"><img src="clear.gif" width="370" height="1" alt="" /></td><td rowspan="2" valign="top"><img src="clear.gif" width="10" height="1" alt="" title="" /></td></tr><tr><td valign="top"><table width="370" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"><img src="uploads/pics/eyeSmall.jpg" width="370" height="330" border="0" align="top" alt="" title="" /><br /></td></tr></table></td></tr></table></td><td valign="top"> <!--  Text: [begin] --> <table style="width: 395px; height: 201px;" class="contenttable"><tbody><tr><td><p class="title">Gesichtsbehandlung</p></td><td class="normalText" style="vertical-align: top;"><p class="bodytext">&nbsp;</p></td></tr><tr><td class="normalText"><p class="normalText">Gesichtsbehandlung (inkl. Make-Up)</p></td><td class="normalText" style="vertical-align: top;"><p class="normalText">45.-</p></td></tr><tr><td class="normalText"><p class="normalText">Gesichtsbehandlung (inkl. Manicure)</p></td><td class="normalText" style="vertical-align: top;"><p class="normalText">45.-</p></td></tr><tr><td class="normalText"><p class="normalText">Gesichtsbehandlung (mit Manicure und Make-Up)</p></td><td class="normalText" style="vertical-align: top;"><p class="normalText">48.-</p></td></tr><tr><td class="normalText" rowspan="1"><p class="bodytext">Manicure</p></td><td class="normalText" rowspan="1" style="vertical-align: top;"><p class="bodytext">25.-</p></td></tr><tr><td class="normalText" rowspan="1"><p class="bodytext">Make-Up</p></td><td class="normalText" rowspan="1" style="vertical-align: top;"><p class="bodytext">25.-</p></td></tr><tr><td class="normalText"><p class="normalText">5 x Gutschein Gesichtsbehandlung <br />(inkl. Manicure und Make-Up)</p></td><td class="normalText" style="vertical-align: top;"><p class="normalText">200.-</p></td></tr></tbody></table> <!--  Text: [end] --> </td></tr></table> <!--  Image block: [end] --> <!--  CONTENT ELEMENT, uid:40/textpic [end] --> </div> <div id="level_3_borderright"></div> <div id="level_3_right"></div> <!--Level4--> <div id="level_4_left"></div> <div id="level_4_borderbottom"></div> <div id="level_4_right"></div> <!--Level5--> <div id="level_5_left"></div> <div id="level_5_footer"><img src="fileadmin/pictures/footer.jpg" alt="Fussende"></div> <div id="level_5_right"></div> </div> </body> </html>

Hoffe mir kann jemand helfen. Besten Dank...

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:

Suche

Userpanel

CSS will nicht so wie ich will