Zum Inhalt springen

Pfadangabe zu Bildern in Html-Template?

Erstellt am 17. April 2007 · 4 Antworten · letzte Antwort am 27. April 2007

Tags: Frage

Harakiri ·

Ich bin neu bei Templavoila. Meine Bilder werden nicht angezeigt. Diese liegen in "fileadmin/templates/screen/bild.jpg".
Das Html-Template liegt in "fileadmin/templates/template.html".

Ich gebe den Pfad so an:

<td height="100" background="fileadmin/templates/screen/bild.jpg">

Geht nicht.

<td height="100" background="screen/bild.jpg">

Geht auch nicht.

Wie ich die Pfade zu den Bildern auch angebe, Templavoila/Typo3 macht

"fileadmin/templates/fileadmin/templates/screen/bild.jpg"

daraus.
Was mach ich falsch. Danke.

demeter ·

Bei welchen Template passiert das?

Im Page-Template wenn nicht gemappt gebe ich den Pfad ohne fileadmin/ an.

Wenn ich ein Bild in einem FCE mappe, bekomme ich in der DS einen anderen Pfad generiert.

In einer css-Datei ist es ein wenig kniffliger. Die html-Seite liegt im Normalfall in der Root deineDomain.tld/deine Seite.html. Für ein Background-Bild ist das die Root die du beachten musst.
Abgesehen davon müsste es nicht style="..." heissen?

Grüsse demeter

Harakiri ·

Ich nehme dieses Template:

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Base template, header, menu, content and footer.</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<style type="text/css" id="internalStyle">
		/*<![CDATA[*/
		BODY {	margin: 0 0 0 0; background-color: #336699; }
		/*]]>*/
	</style>
	<link href="fileadmin/templates/css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
       <table border="0" cellpadding="0" cellspacing="0" width="980" align="center">
           <tr>
               <td height="100" background="screen/main_logo_planetbenson.gif"></td>
           </tr>
           <tr>
		         <!-- Menu table cell: -->
		         <td id="menu_1">
			         <div class="menu1-level1-no"><a href="#">Menu item 1</a></div>
			         <div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
			         <div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
			         <div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
			         <div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
			         <div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
			         <div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
		         </td>
           </tr>
       </table>
       <center>
         <table cellspacing="0" cellpadding="0" width="100%" border="0" height="100%">
            <tr>            
               <!-- Page Content Area table cell: -->
               <td valign="middle" id="content">                  
                  Buy PaperShredder(tm) Gizmo with 30-days money-back guarantee!
               </td>
            </tr>
         </table>                  
       </center>       
</body>
</html>

Dann mappe ich nur die TD für Menu und Seiteninhalt, aber die IMG werden eben mit dem falschen Src angegeben.

Harakiri ·

Bei mir gehts jetzt. Das Template sieht jetzt so aus:

<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet href="#internalStyle" type="text/css"?>
<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Base template, header, menu, content and footer.</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<style type="text/css" id="internalStyle">
		/*<![CDATA[*/
		BODY {	margin: 0 0 0 0; background-color: #336699; }
		/*]]>*/
	</style>
	<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
       <table border="0" cellpadding="0" cellspacing="0" width="980" align="center">
           <tr>
               <td height="100" background="screen/main_logo_planetbenson.gif"></td>
           </tr>
           <tr>
		         <!-- Menu table cell: -->
		         <td id="menu_1">
			         <div class="menu1-level1-no"><a href="#">Menu item 1</a></div>
			         <div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
			         <div class="menu1-level1-act"><a href="#">Menu item 3 (act)</a></div>
			         <div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
			         <div class="menu1-level2-no"><a href="#">Level 2 item</a></div>
			         <div class="menu1-level2-act"><a href="#">Level 2 item (act)</a></div>
			         <div class="menu1-level1-no"><a href="#">Menu item 2</a></div>
		         </td>
           </tr>
       </table>
       <center>
         <table cellspacing="0" cellpadding="0" width="100%" border="0" height="100%">
            <tr>            
               <!-- Page Content Area table cell: -->
               <td valign="middle" id="content">                  
                  Buy PaperShredder(tm) Gizmo with 30-days money-back guarantee!
               </td>
            </tr>
         </table>                  
       </center>       
</body>
</html>

Nach dem Update des Mappings beide Caches löschen!!!