Zum Inhalt springen

HTML Farben im Browser nicht angezeigt

Erstellt am 21. August 2005 · 13 Antworten · letzte Antwort am 22. August 2005

Tags: HTML & CSS, Frage

fisi-t ·

So hier ist der ganze ausgegebnene Quelltext!
Was ich auch nicht verstehe ist der lange bereich im head vor dem Body woher das kommt!
Danke mal. Die Seite ist unter www.cfr-server.de/tsvneukirch.html zuerreichen!

<!DOCTYPE html
	PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<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-2004 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_lzgallery_pi1" */
    /* gallerie - listing */
	#tx-lzgallery-pi1-listing {border-style:dotted;border-width:1px;border-color:#00008c;border-collapse:collapse;font-size:12px;padding:0px;font-family:verdana}
	#tx-lzgallery-pi1-listing tr.line1 {background-color:lightgrey;color:black;}
	#tx-lzgallery-pi1-listing tr.line1 td.startdate{white-space:nowrap;}
	#tx-lzgallery-pi1-listing tr.line1 td.count{white-space-nowrap;padding-left:20px;}
	#tx-lzgallery-pi1-listing td.preview {padding:0px;width:80px;padding-left:4px;}
	#tx-lzgallery-pi1-listing td.title {font-size:16px;font-face:bold;padding-left:10px;width:80%;}
	#tx-lzgallery-pi1-listing tr.line2 {padding:0px;}
	
	#tx-lzgallery-pi1-listing a {color:black;}	
	#tx-lzgallery-pi1-listing #line-descr-short {border-top-width:1px;border-top-style:dotted;border-top-color:#00008c;}
	#tx-lzgallery-pi1-parent-descr-short {padding:4px 4px 20px 4px;}
	#tx-lzgallery-pi1-parent-title {font-size:20px;padding:4px 4px 4px 4px;}
	#tx-lzgallery-pi1-parent-count {padding:4px 4px 4px 4px;}
	#tx-lzgallery-pi1-parent-subcount {padding:0px 4px 4px 4px;}
	#tx-lzgallery-pi1-listing td.information {font-size:10px;white-space:nowrap;}

    /* gallery - album  */

	#tx-lzgallery-pi1-fotonav td {text-align:center;padding-left:15px;}
	#tx-lzgallery-pi1-fotonav td.descr {color:#00008c;}
	#tx-lzgallery-pi1-fotonav {background-color:lightgrey;border-color:#00008c;border-style:solid;border-width:2px;font-family:verdana;}

	#tx-lzgallery-pi1-fotos {border-width:2px;border-style:solid;border-color:#00008c;text-align:center;padding:5px 5px 5px 5px;background-color:white;border-collapse:collapse;font-family:verdana;}
	#tx-lzgallery-pi1-fotos td {text-align:center;padding:0;border-style:solid;border-width:1px;border-color:#00008c;padding:3px;}

	#tx-lzgallery-pi1-title {border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#00008c;text-align:center;margin-bottom:20px;font-size:20px;}
	#tx-lzgallery-pi1-descr-long {margin:5px 5px 15px 5px;text-align:justify;}

    /* gallery - annotations */
	.tx-lzgallery-pi1-5x5-filename {font-size:10px;font-style:italic;}
	.tx-lzgallery-pi1-1x1-1 {font-size:12px;font-face:bold;border-bottom:1px solid lightgray;}
	.tx-lzgallery-pi1-1x1-2 {font-size:12px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
	.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}
/* default styles for extension "tx_lzgallery_pi1_simple" */
    /* gallerie - listing */
	#tx-lzgallery-pi1-listing {border-style:dotted;border-width:1px;border-color:#00008c;border-collapse:collapse;font-size:12px;padding:0px;font-family:verdana}
	#tx-lzgallery-pi1-listing tr.line1 {background-color:lightgrey;color:black;}
	#tx-lzgallery-pi1-listing tr.line1 td.startdate{white-space:nowrap;}
	#tx-lzgallery-pi1-listing tr.line1 td.count{white-space-nowrap;padding-left:20px;}
	#tx-lzgallery-pi1-listing td.preview {padding:0px;width:80px;padding-left:4px;}
	#tx-lzgallery-pi1-listing td.title {font-size:16px;font-face:bold;padding-left:10px;width:80%;}
	#tx-lzgallery-pi1-listing tr.line2 {padding:0px;}
	
	#tx-lzgallery-pi1-listing a {color:black;}	
	#tx-lzgallery-pi1-listing #line-descr-short {border-top-width:1px;border-top-style:dotted;border-top-color:#00008c;}
	#tx-lzgallery-pi1-parent-descr-short {padding:4px 4px 20px 4px;}
	#tx-lzgallery-pi1-parent-title {font-size:20px;padding:4px 4px 4px 4px;}
	#tx-lzgallery-pi1-parent-count {padding:4px 4px 4px 4px;}
	#tx-lzgallery-pi1-parent-subcount {padding:0px 4px 4px 4px;}
	#tx-lzgallery-pi1-listing td.information {font-size:10px;white-space:nowrap;}

    /* gallery - album  */

	#tx-lzgallery-pi1-fotonav td {text-align:center;padding-left:15px;}
	#tx-lzgallery-pi1-fotonav td.descr {color:#00008c;}
	#tx-lzgallery-pi1-fotonav {background-color:lightgrey;border-color:#00008c;border-style:solid;border-width:2px;font-family:verdana;}

	#tx-lzgallery-pi1-fotos {border-width:2px;border-style:solid;border-color:#00008c;text-align:center;padding:5px 5px 5px 5px;background-color:white;border-collapse:collapse;font-family:verdana;}
	#tx-lzgallery-pi1-fotos td {text-align:center;padding:0;border-style:solid;border-width:1px;border-color:#00008c;padding:3px;}

	#tx-lzgallery-pi1-title {border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#00008c;text-align:center;margin-bottom:20px;font-size:20px;}
	#tx-lzgallery-pi1-descr-long {margin:5px 5px 15px 5px;text-align:justify;}

    /* gallery - annotations */
	.tx-lzgallery-pi1-5x5-filename {font-size:10px;font-style:italic;}
	.tx-lzgallery-pi1-1x1-1 {font-size:12px;font-face:bold;border-bottom:1px solid lightgray;}
	.tx-lzgallery-pi1-1x1-2 {font-size:12px;border:1px solid lightgray;margin:3px 3px 3px 3px;}
	.tx-lzgallery-pi1-1x1-filename {font-size:10px;font-style:italic;}
	-->
		/*]]>*/
	</style>
	<link rel="stylesheet" type="text/css" href="fileadmin/tsvTest/style.css" />
	<title>Home</title>
	<meta name="generator" content="TYPO3 3.7 CMS" />
	<meta name="Author" content="C.Fisahn" />
	<meta name="Description" content="TSV Neukirch; Volleyball; Alb Bodensee Cup; Turnen; Rottwei" />
	<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") {version = "n3";} else {version = "n2";}
			// Blurring links:
		function blurLink(theObject)	{	//
			if (msie4)	{theObject.blur();}
		}
		
	// -->
		/*]]>*/
	</script>

<script type="text/javascript">
	/*<![CDATA[*/
<!--
if (version == "n3") {
img55_151d_0_n=new Image(); img55_151d_0_n.src = "typo3temp/menu/ed2ba41cd6.gif"; 
img55_151d_0_h=new Image(); img55_151d_0_h.src = "typo3temp/menu/c7192267bc.gif"; 
img91_151d_1_n=new Image(); img91_151d_1_n.src = "typo3temp/menu/9545ed192d.gif"; 
img91_151d_1_h=new Image(); img91_151d_1_h.src = "typo3temp/menu/60eb800531.gif"; 
img77_151d_2_n=new Image(); img77_151d_2_n.src = "typo3temp/menu/c48e214bff.gif"; 
img77_151d_2_h=new Image(); img77_151d_2_h.src = "typo3temp/menu/c4f789843b.gif"; 
img54_151d_3_n=new Image(); img54_151d_3_n.src = "typo3temp/menu/697436f90e.gif"; 
img54_151d_3_h=new Image(); img54_151d_3_h.src = "typo3temp/menu/b3d6d46285.gif";
}
// -->
	/*]]>*/
</script>

<script type="text/javascript">
	/*<![CDATA[*/
<!--
		// JS function for mouse-over
	function over(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_h.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_h.src");}
	}
		// JS function for mouse-out
	function out(name,imgObj)	{	//
		if (version == "n3" && document[name]) {document[name].src = eval(name+"_n.src");}
		else if (imgObj)	{imgObj.src = eval(name+"_n.src");}
	}

// -->
	/*]]>*/
</script>

</head>
<body bgcolor="#FFFFFF" topmargin="0" leftmargin"0"


<table border="0" width="937" cellspacing="0" cellpadding="0">
<tr>
   <td width="100%" bgcolor="#000064" valign="middle" align="right">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left" width="927" class="menu_oben">
           
          22.08.05  
         </td>
         <td valign="top" align="right" width="927" class="menu_oben">
            <a href="home.0.html" onfocus="blurLink(this);">Home</a> | <a href="kontakt.0.html" onfocus="blurLink(this);">Kontakt</a> | <a href="anfahrt.0.html" onfocus="blurLink(this);">Anfahrt</a> | <a href="impressum.0.html" onfocus="blurLink(this);">Impressum</a>
         </td>
         <td valign="top" align="right" width="10">
            <img src="clear.gif" width="10" height="22" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
 <tr>
   <td width="100%">
     <table border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left"><img src="typo3temp/GB/aaf68afd72.gif" width="151" height="99" border="0" alt="" title="" /></td>
         <td valign="top" align="left"><img src="typo3temp/GB/358725debc.gif" width="759" height="99" border="0" alt="" title="" /></td>
       </tr>
     </table>
   </td>
 </tr>
<tr>
   <td width="100%" bgcolor="#000064" valign="middle" align="right">
     <table border="0" cellspacing="0" cellpadding="0">
       
         <td valign="top" align="right" width="10">
            <img src="clear.gif" width="10" height="3" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
  <tr>
   <td width="100%">
     <table border="0" width="937" cellspacing="0" cellpadding="0">
       <tr>
         <td valign="top" align="left" width="178" bgcolor="#E0E0E0">
           <img src="typo3temp/GB/c45348129d.gif" width="151" height="1" border="0" alt="" title="" /><a href="albbodenseecup.0.html" onfocus="blurLink(this);" onmouseover="over('img55_151d_0');" onmouseout="out('img55_151d_0');"><img src="typo3temp/menu/ed2ba41cd6.gif" width="151" height="24" border="0" alt="Alb Bodensee Cup" name="img55_151d_0" /></a><a href="breitensport.0.html" onfocus="blurLink(this);" onmouseover="over('img91_151d_1');" onmouseout="out('img91_151d_1');"><img src="typo3temp/menu/9545ed192d.gif" width="151" height="24" border="0" alt="Breitensport" name="img91_151d_1" /></a><a href="turnen.0.html" onfocus="blurLink(this);" onmouseover="over('img77_151d_2');" onmouseout="out('img77_151d_2');"><img src="typo3temp/menu/c48e214bff.gif" width="151" height="24" border="0" alt="Turnen" name="img77_151d_2" /></a><a href="volleyball.0.html" onfocus="blurLink(this);" onmouseover="over('img54_151d_3');" onmouseout="out('img54_151d_3');"><img src="typo3temp/menu/697436f90e.gif" width="151" height="24" border="0" alt="Volleyball" name="img54_151d_3" /></a>
         </td>
         <td valign="top" align="left" width="10">
           <img src="clear.gif" width="1" height="1" alt="" />
         </td>
         <td valign="top" align="left" width="533">
           <table border="0" width="100%" cellspacing="0" cellpadding="0">
             <tr>
               <td width="533" valign="top" align="left">
                 <table width="533" cellspacing="0" cellpadding="0">
                    <td valign="top" align="left" width="1">
                       <img src="clear.gif" width="1" height="10" alt="" />
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
             <tr>
               <td width="533" valign="top" align="left" class="inhalt">
                 <a name="110"></a><h1>TSV Neukirch 1966 e.V.</h1><br />Hier gibts Informationen rund um die Abteilung Volleyball, wie z.B. aktuelle Ergebnisse und Tabellen aller Volleyballmannschaften des TSV Neukirch und Hinweise über Veranstaltungen und Aktivitäten des Vereins.<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br /><a name="111"></a><h1>News</h1><br />Die Neuigkeiten des TSV's

test


test

test<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
               </td>
             </tr>
             <tr>
               <td width="533" valign="top" align="left">
                 <table width="533" cellspacing="0" cellpadding="0">
                    <td valign="top" align="left" width="1">
                       <img src="clear.gif" width="1" height="10" alt="" />
                     </td>
                   </tr>
                 </table>
               </td>
             </tr>
           </table>
         </td>
         <td valign="top" align="left" width="10">
           <img src="clear.gif" width="1" height="50" alt="" />
         </td>
         <td valign="top" align="left" width="10" bgcolor="#D3E2F9">
           <img src="clear.gif" width="10" height="1" alt="" />
         </td>
         <td valign="top" align="left" width="186" bgcolor="#D3E2F9" class="inhalt">
           <img src="clear.gif" width="1" height="50" alt="" /><br />
           <a name="111"></a><h1>News</h1><br />Die Neuigkeiten des TSV's

test


test

test<img src="clear.gif" width="1" height="10" border="0" class="spacer-gif" alt="" title="" /><br />
         </td>
         <td valign="top" align="left" width="10" bgcolor="#D3E2F9">
           <img src="clear.gif" width="10" height="1" alt="" />
         </td>
       </tr>
     </table>
   </td>
 </tr>
 <tr>
   <td width="100%" bgcolor="#000064">
     <img src="clear.gif" width="1" height="3" alt="" />
   </td>
 </tr>
</table>


</body>
</html>
Zwomble ·

GOTO 147: <body bgcolor="#FFFFFF" topmargin="0" leftmargin"0"

und mach <body> zu!
Dann klappts auch mit dem IE!

Grüße Zwomble

fisi-t ·

Wie mache ich das, in der vorlage ist der body zu!
Liegt das vielleicht daran das da davor schon soviel wirres zeug mit reingeschrieben wurde?
Gruß

fisi-t ·

Ok, ja der wird sehr lange*g* Danke für deine Hilfe!!!

# Default PAGE object:
page = PAGE
page {
 typeNum = 0

 # Allgemeine Seiteneigenschaften setzen
  bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmargin"0"
  meta.Author = C.Fisahn
  meta.Description = TSV Neukirch; Volleyball; Alb Bodensee Cup; Turnen; Rottwei
  stylesheet = fileadmin/tsvTest/style.css

 # Designvorlage integrieren
  10 = TEMPLATE
  10 {
     template = FILE 
     template.file = fileadmin/tsvTest/TSVN25.html
     workOnSubpart = DOKUMENT

      #Platzhalter ansprechen
      marks{

       #Datum
       DATUM = TEXT
       DATUM.data = date : d.m.y
       
       #Logo
       LOGO = IMAGE
       LOGO.file = GIFBUILDER
        LOGO.file {
        XY = 151 , 99
        backColor = #BFBFBF
        10 = IMAGE
        10.file = fileadmin/tsvTest/images/Logo_gr.jpg
        #10.file.width = 151
        10.offset = 30,0 

         # Den Verlauf einarbeiten
        20 = IMAGE
        20.file = GIFBUILDER
        20.file.backColor = #FFFFFF
        20.file.XY = 178,99
        20.mask = fileadmin/tsvTest/images/maskLogo.jpg
        20.file.width = 178
       }

       #Trailer
       TRAILER = IMAGE
       TRAILER.file = GIFBUILDER
        TRAILER.file {
        XY = 759, 99
        backColor = #FFFFFF
        10 = IMAGE
        10.file = fileadmin/tsvTest/images/rathaus.jpg
        10.file.width = 795
        10.offset = 0, -210
     
       # Den Verlauf einarbeiten
       20 = IMAGE
       20.file = GIFBUILDER
       20.file.backColor = #FFFFFF
       20.file.XY = 759,99
       20.mask = fileadmin/images/mask.jpg

       # Text auf Trailer rendern
        30 = TEXT
        30.text.field = subtitle // title
        30.fontFile = fileadmins/fonts/verdana.ttf
        30.fontSize = 25
        30.fontColor = #364497
        30.niceText = 1
        30.offset = 2, 85
        }
 
       #Menü Oben
        MENU_OBEN = HMENU
        MENU_OBEN {
          special = directory
          special.value = 57
          1 = TMENU
          1.NO = 1
          1.NO.linkWrap =  | | |*|  | | |*|  |
          }

       

       #Menü links  
        MENU_LINKS = COA
        MENU_LINKS {
         10 = IMAGE
         10.file = GIFBUILDER
         10.file {
              XY = 151, 1
              backColor = #FFFFFF
             }
          10.offset= 0, 0
     
         20 = HMENU
         20 {
          special = directory
          special.value = 56
          entryLevel = 2
          1 = GMENU
          1.NO = 1
          1.NO {
           XY = 151, 24
           backColor  = #BFBFBF
           11 = TEXT
           11.text.field = title
           11.fontColor = #061467
           11.fontFile = fileadmins/fonts/verdana.ttf
           11.fontSize = 12
           11.niceText = 1
           11.offset = 14, 16

           # Weiße Linie
           30 = IMAGE
           30.file = GIFBUILDER
           30.file {
              XY = 178, 1
              backColor = #FFFFFF
              }
           30.offset= 0, 23
            }
          1.RO < .1.NO
          1.RO.backColor = #0000CC
          1.RO.11.fontColor = #FFFFFF
          1.RO.11.fontSize = 15

         #Zweite Menu ebene
          2 < .1
          2.NO {
          backColor = #E0E0E0
          11.offset = 30, 16
          11.fontSize = 11 
           } 
          2.RO < .1.RO
          2.RO.backColor = #0033CC
          2.RO.11.fontColor = #FFFFFF
          2.RO.11.fontSize = 13
          2.RO.11.offset = 30, 16
          }
       
     }

       #Content
        INHALT = CONTENT
        INHALT.table = tt_content
       
       #Content Rechts
       
       RECHTS = CONTENT
       RECHTS {
       table = tt_content
       select.where = colPos = 2
       orderBy = sorting
      
       }    
    }
  }
} 

tt_content = COA
tt_content {
 10 = TEXT
 10 {
 field = header
 wrap = <h1>|</h1><br />
 }
 20 = TEXT
 20 {
 field = bodytext
 #wrap = <p>|</p>
 }
}
Zwomble ·

Wenn Du das Grau aus dem Logo meinst:
#
#Logo
#
LOGO = IMAGE
#
LOGO.file = GIFBUILDER
#
LOGO.file {
#
XY = 151 , 99
#
backColor = #BFBFBF
#
10 = IMAGE
#
10.file = fileadmin/tsvTest/images/Logo_gr.jpg
#
#10.file.width = 151
#
10.offset = 30,0

So! Denn Rest musst Du jetzt aber selbst schaffen oder auf Mambo umsteigen...
Grüße Zwomble

fisi-t ·

nene, hab was anderes gemeint! hab die Lösung gefunden, es waren die extensions die ich installiert hatte!