hallo liebe leute,
ich hab nen riesiges fragezeichen im kopf...
in meinem menü habe ich per css bilder hinzugefügt
A {
FONT-SIZE: 12px;
COLOR: #685a3c;
padding-left:15px;
TEXT-DECORATION: none
}
a:hover {
color:#000000;
background: url(../fileadmin/seitenbilder/pfote.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:15px;
TEXT-DECORATION: none;
}
}
a:active {
color:#000000;
background: url(../fileadmin/seitenbilder/pfote.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:15px;
TEXT-DECORATION: none;
}
a:curent {
color:#000000;
background: url(../fileadmin/seitenbilder/pfote.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:15px;
TEXT-DECORATION: none;
}
a:focus {
color:#000000;
background: url(../fileadmin/seitenbilder/pfote.gif);
background-repeat: no-repeat;
background-position: left;
padding-left:15px;
TEXT-DECORATION: none;
}
Das Typoscript zum CSS
NAVIheader = HMENU
NAVIheader.entryLevel = 0
NAVIheader.1 = TMENU
NAVIheader.1.NO {
allWrap = |*|
|*|
}
NAVIheader.1.ACT = 1
NAVIheader.1.ACT {
allWrap = |*|
|*|
}
NAVIbottom = HMENU
NAVIbottom.entryLevel = 1
NAVIbottom.1 = TMENU
NAVIbottom.1.NO {
allWrap = |*|
|*|
}
NAVIbottom.1.ACT = 1
NAVIbottom.1.ACT {
allWrap = |*|
|*|
}
Mein CSS zu den Contentelementen
P {
FONT-SIZE: 12px;
COLOR: #685a3c;
FONT-FAMILY: Verdana;
}
TD {
FONT-SIZE: 12px;
COLOR: #685a3c;
FONT-FAMILY: Verdana
TEXT-DECORATION: none
}
Und ein Beispiel für ein Content im TS
ONTENT = CONTENT
# SubPart ###CONTENT###
CONTENT {
table = tt_content
select.orderBy = sorting
select.where = colPos= 0
}
So und nun zu meiner eigendlichen Frage:
Warum erscheint mein Menüimage ebenfalls eingerückt vor allen Contentelementen??
Z.B.
<pfote.gif> und dann der text??
Wo habe ich das definiert?? Im Ausgabe
Herzlichen Dank für Eure Hilfe
Hallo,
also um das nachzuvollziehen wäre ein Link zur Seite hilfreich, falls möglich. Ansonsten poste doch mal den ausgegebenen Quelltext.
Gruß!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//DE">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2008 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->
<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_3dd68a716c.css" />
<link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
<title>Über uns</title>
<meta name="generator" content="TYPO3 4.2 CMS" />
<meta name="AUTHOR" content="****" />
<script type="text/javascript" src="typo3temp/javascript_93077bb238.js"></script>
</head>
<body bgColor = "#FFFFFF">
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
<tr bgcolor="bc9957">
<td height="10" colspan="12"> </td>
</tr>
<tr>
<td width="85"" height="24" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links1.gif); BACKGROUND-REPEAT: no-repeat width="149> </td>
<td width="10" height="24" bgcolor="f2f4c0"> </td>
<td height="24" colspan="7" bgcolor="f2f4c0"><div align="right"> <a href="index.php?id=9" onfocus="blurLink(this);" >Über uns</a> <a href="index.php?id=8" onfocus="blurLink(this);" >Unsere Hündinnen</a> <a href="index.php?id=7" onfocus="blurLink(this);" >Welpen</a> <a href="index.php?id=5" onfocus="blurLink(this);" >Aufzucht</a> <a href="index.php?id=4" onfocus="blurLink(this);" >Galerie</a> <a href="index.php?id=3" onfocus="blurLink(this);" >Kontakt</a> <a href="index.php?id=2" onfocus="blurLink(this);" >Gästebuch</a></div></td>
<td width="9" height="24" bgcolor="f2f4c0"> </td>
<td width="9" height="24" bgcolor="f2f4c0"> </td>
<td style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links1.gif); BACKGROUND-REPEAT: no-repeat width="85" height="24"> </td>
</tr>
<tr>
<td width="85" height="131" valign="top" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links2.gif); BACKGROUND-REPEAT: no-repeat height="150"> </td>
<td height="131" bgcolor="f2f4c0"> </td>
<td style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/bild-rechts.gif); BACKGROUND-REPEAT: no-repeat height="131" colspan="8"> </td>
<td height="131" bgcolor="f2f4c0"> </td>
<td width="85"" height="131" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links2.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
</tr>
<tr>
<td style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links3.gif); BACKGROUND-REPEAT: no-repeat width="85" height="19"> </td>
<td height="19" bgcolor="f2f4c0"> </td>
<td width="10" height="19" bgcolor="#F2F4C0"> </td>
<td height="19" colspan="6" valign="bottom" bgcolor="#F2F4C0"> <a href="index.php?id=11" onfocus="blurLink(this);" >Umgebung</a></td>
<td width="10" height="19" bgcolor="#F2F4C0"> </td>
<td height="19" bgcolor="f2f4c0"> </td>
<td width="85"" height="19" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links3.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
</tr>
<tr>
<td style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links4.gif); BACKGROUND-REPEAT: no-repeat width="85" height="7"> </td>
<td height="7" bgcolor="f2f4c0"> </td>
<td width="10" height="7" bgcolor="#F2F4C0"> </td>
<td height="7" colspan="2" bgcolor="#F2F4C0"> </td>
<td width="10" height="7" bgcolor="#F2F4C0"> </td>
<td width="10" height="7" bgcolor="#F2F4C0"> </td>
<td width="10" height="7" bgcolor="#F2F4C0"> </td>
<td width="150" height="7" bgcolor="#F2F4C0"><div align="right"><div style="float:right;"></div>
<div style="float:right;">
<a href="index.php?id=9&type=0" target="_self">
<IMG src="fileadmin/seitenbilder/textsize_smal.gif" border="0" />
</a>
<a href="index.php?id=9&type=1" target="_self">
<IMG src="fileadmin/seitenbilder/textsize_medium.gif" border="0" />
</a>
<a href="index.php?id=9&type=2" target="_self">
<IMG src="fileadmin/seitenbilder/textsize_big.gif" border="0" />
</a>
</div></div></td>
<td width="10" height="7" bgcolor="#F2F4C0"> </td>
<td height="7" bgcolor="f2f4c0"> </td>
<td width="85"" height="7" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links4.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
</tr>
<tr>
<td style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links5.gif); BACKGROUND-REPEAT: no-repeat width="85" height="11"> </td>
<td height="11" bgcolor="f2f4c0"> </td>
<td width="15" height="11"> </td>
<td height="11" colspan="2" valign="top"><img src="fileadmin/seitenbilder/emty.gif" width="600" height="1"></td>
<td width="15" height="11"> </td>
<td width="10" height="11" bgcolor="f2f4c0"> </td>
<td width="15" height="11"> </td>
<td width="150" height="11" valign="top"><img src="fileadmin/seitenbilder/emty.gif" width="150" height="1"></td>
<td width="15" height="11"> </td>
<td height="11" bgcolor="f2f4c0"> </td>
<td width="85"" height="11" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links5.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
</tr>
<tr>
<td width="85"" height="278" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links6.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
<td height="278" bgcolor="f2f4c0"> </td>
<td width="15" height="278" bgcolor="#FFFFFF"> </td>
<td colspan="2" rowspan="3" valign="top">
<!-- CONTENT ELEMENT, uid:1/text [begin] -->
<a id="c1"></a>
<!-- Text: [begin] -->
<p class="bodytext">Bruno ist hier in **** geboren und aufgewachsen. Seine ganze Leidenschaft gehört der Familie und unserem Landwirtschaftsbetrieb. Sein grosses Hobby ist die Feuerwehr.
</p>
<p class="bodytext">Ich bin seit 1994 hier in ****. Aufgewachsen bin ich in ****. Meine Hobbys sind die Familie, unsere beiden Labi-Damen und wenn es die Zeit erlaubt gehe ich sehr gerne walken oder velofahren. Meine Arbeit als Kundenberaterin beim **** gefällt mir und ist ein schöner Ausgleich zum Familienalltag.
</p>
<p class="bodytext">Janik ist unser Computerfreak und spielt gerne Nintendo. Er mag Musik und spielt Keybord. Er liebt unsere Haustiere sehr und verbringt viel Zeit mit Kisha, Sina, Felix und Schnurrli.
</p>
<p class="bodytext">Lukas geht gerne mit Bruno auf's Feld und kann es kaum erwarten die Traktorprüfung zu machen. Er mag Traktoren und Mähdrescher und ist ein Fan von DJ Oetzi.
</p>
<p class="bodytext">2006 hatten wir das erste Mal Labradorwelpen. Das hat uns so gut gefallen, dass wir beschlossen: Ja wir wollen noch weitere Welpen züchten. Der Name **** ist entstanden weil sich unser Bauernhof direkt unter dem **** befindet.</p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:1/text [end] -->
</td>
<td width="15" height="278" bgcolor="#FFFFFF"> </td>
<td width="10" height="278" bgcolor="f2f4c0"> </td>
<td width="15" height="278" bgcolor="#FFFFFF"> </td>
<td width="150" rowspan="3" valign="top" bgcolor="#FFFFFF">
<!-- CONTENT ELEMENT, uid:2/text [begin] -->
<a id="c2"></a>
<!-- Text: [begin] -->
<p class="bodytext">ich bin ein news</p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:2/text [end] -->
</td>
<td width="15" height="278" bgcolor="#FFFFFF"> </td>
<td height="278" bgcolor="f2f4c0"> </td>
<td width="85"" height="278" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links6.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
</tr>
<tr>
<td style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links7.gif); BACKGROUND-REPEAT: repeat width="85" height="1"> </td>
<td height="1" bgcolor="f2f4c0"> </td>
<td width="15" height="1" bgcolor="#FFFFFF"> </td>
<td width="15" height="1" bgcolor="#FFFFFF"> </td>
<td width="10" height="1" bgcolor="f2f4c0"> </td>
<td width="15" height="1" bgcolor="#FFFFFF"> </td>
<td width="15" height="1" bgcolor="#FFFFFF"> </td>
<td height="1" bgcolor="f2f4c0"> </td>
<td width="85"" height="1" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links7.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
</tr>
<tr>
<td width="85" height="98" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links8.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
<td bgcolor="f2f4c0"> </td>
<td width="15" bgcolor="#FFFFFF"> </td>
<td width="15" bgcolor="#FFFFFF"> </td>
<td width="10" bgcolor="f2f4c0"> </td>
<td width="15" bgcolor="#FFFFFF"> </td>
<td width="15" bgcolor="#FFFFFF"> </td>
<td bgcolor="f2f4c0"> </td>
<td width="85" rowspan="2" valign="bottom" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links8.gif); BACKGROUND-REPEAT: no-repeat width="85"></td>
</tr>
<tr>
<td width="85" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links8.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
<td height="12" bgcolor="f2f4c0"> </td>
<td width="15" height="12" bgcolor="#FFFFFF"> </td>
<td height="12" colspan="2" bgcolor="#FFFFFF"> </td>
<td width="15" height="12" bgcolor="#FFFFFF"> </td>
<td width="10" height="12" bgcolor="f2f4c0"> </td>
<td width="15" height="12" bgcolor="#FFFFFF"> </td>
<td width="150" height="12" bgcolor="#FFFFFF"> </td>
<td width="15" height="12" bgcolor="#FFFFFF"> </td>
<td height="12" bgcolor="f2f4c0"> </td>
</tr>
<tr>
<td width="85" height="22" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links8.gif); BACKGROUND-REPEAT: no-repeat width="85> </td>
<td height="22" bgcolor="f2f4c0"> </td>
<td width="10" height="22" bgcolor="f2f4c0"> </td>
<td height="22" colspan="6" bgcolor="f2f4c0"> © vomschlosswaldhof.ch 2011</td>
<td width="10" height="22" bgcolor="f2f4c0"> </td>
<td height="22" bgcolor="f2f4c0"> </td>
<td width="85" height="22" style="BACKGROUND-POSITION: left; BACKGROUND-IMAGE: url(fileadmin/seitenbilder/links8.gif); BACKGROUND-REPEAT: no-repeat width="85"> </td>
</tr>
<tr bgcolor="e0c385">
<td height="12" colspan="12"> </td>
</tr>
</table>
</body>
</html>