Menüs ignorieren Css-Formatierung

aturella · #1 20.05.08, 13:40

Hallo in die Runde der Schlauen,

ich habe in meinem Template 3 Menüs, alles sollen über Css formatiert werden.
das Hauptmenü richtet sich nach den Formatierungsrichtlinien für die Schrift.

Die anderen 2 Menus ignorieren das zugewiesene Css komplett.

ich glaube, ich habe einfach schon Tomaten auf den Augen und finde meinen Fehler nicht.

Hier mal der Code:

Typoscript-Code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:

Seite = PAGE

Seite {

stylesheet = fileadmin/template/main.css

typeNum = 0

#Menü--------------------------------------------------------

#Hauptmenu

20 = HMENU

20{
wrap = <div id="navi_container"> | </div>

1 = TMENU

1{
target = _self
expAll = 1
wrap = <tr><td><b>|</b></td></tr>
NO.linkWrap = <b>|</b><br/>
NO.doNotLinkIt = 0
NO.allWrap = <tr><td><br/>|</td><tr>
}

2 = TMENU

2{
wrap = <tr><td>|</td></tr>
target = _self
NO.RO = 1
NO.after = <br/>
NO.ATagBeforeWrap = 1
NO.linkWrap = |
}

}

#Menü oben

21 = HMENU

21{
wrap = <div id="navi_oben"> | </div>
special = directory
special.value = 48

1 = TMENU
1.NO = 1
1.NO.linkWrap = |  

}

# Menü Brotkrümel

22 = HMENU

22{
wrap = <div id="navi_breadcrumb"> | </div>
special = rootline
special.range = 0|2

1 = TMENU
1.NO = 1
1.NO.linkWrap = | >

}[b] - ERROR:[/b] Line 77: The script is short of 1 end brace(s) - ERROR: Line 77: The script is short of 1 end brace(s)

Hier das CSS:

Code:

<!-- Navigation ------------------------------------------------------------------------------->

#navi_container {
position: absolute;
left: 30px;
top: 225px;
width: 200px;
margin-left: 0;
padding-left: 0;

}

#navi_container a:link{
font-family:Verdana;
font-size:11px;
color: #003300;
text-decoration: none;
line-height: 12px;
}

#navi_container a:visited{
font-family:Verdana;
font-size:11px;
color: #003300;
text-decoration: none;
line-height: 12px;
}

#navi_container a:hover{
font-family:Verdana;
font-size:11px;
color: #003300;
background-color: #9acd66;
text-decoration: none;
line-height: 12px;
}

<!-- NAVI breadcrumb -------------------------------->


#navi_breadcrumb{
font-family: Verdana;
font-size: 10px;
font-style: bold;
text-decoration: none;
color: #9acd66;
}



<!-- NAVI oben -------------------------------->

#navi_oben {
position: absolute;
left: 240px;
top: 170px;
font-family: Verdana;
font-size: 11px;
font-style: bold;
text-decoration: none;
color: #ffffff;
}

Wem fällt dazu was ein? Oder hatte schon jemand ein ähnliches Problem?

**david** · #2 26.05.08, 17:25

Meiner ANsicht nach, müßte Dein HTML-Quelltext falsch sein:

HTML-Code:

<div id="navi_container"> <tr><td> ... weiterer Inhalt ... </td></tr> </div>

Kurz: das TABLE-Tag fehlt.
Entweder mußt Du auf die Notation für die Tabellenzellen verzichten, oder ein Table-Tag hinzufügen.
Wenn Du das geändert hast und immer noch Probleme hast, poste mal Dein fertiges HTML, ist etwas mühsam sich das aus dem TypoScript-Setup raus zu lesen.

aturella · #3 27.05.08, 10:06

Hey, danke, habe die Table tags noch eingefügt und nun hat sich zwar nicht das Positionierungsproblem gelöst, dafür aber ein anderes... an der Navigation, die sich bereits durch das CSS formatieren lässt...

Vielen Dank!

Nur die Breadcrumb-Navi und die Navi oben, positionieren sich einfach nicht dahin, wo sie hin sollen... auch übernehmen sie die Schriftformatierung aus dem CSS nicht...

**david** · #4 27.05.08, 10:28

Wie gesagt:

Zitat:

Zitat von david

Wenn Du das geändert hast und immer noch Probleme hast, poste mal Dein fertiges HTML, ist etwas mühsam sich das aus dem TypoScript-Setup raus zu lesen.

aturella · #5 27.05.08, 13:40

Hallo,
hier der generierte HTML Code.

Vielen Dank!

Code:

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_e99aac0be0.css" />
 <link rel="stylesheet" type="text/css" href="fileadmin/template/main.css" />
 <title>Stadtapotheke Bischofswerda: Stadt Apotheke Bischofswerda</title>
 <meta name="generator" content="TYPO3 4.1 CMS" />
 <script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>
 
</head>
<body>
<div id="cont_header">
<img src="fileadmin/template/header.gif" width="1024" height="176" border="0" alt="" title="" />
</div>
 
<div id="cont_trenner1">
<img src="fileadmin/template/trenner.gif" width="4" height="461" border="0" alt="" title="" />
</div>
 
<div id="cont_trenner2"><img src="fileadmin/template/trenner.gif" width="4" height="461" border="0" alt="" title="" />
</div>
 
<div id="navi_container">
<table><tr><td><b><table><tr><td><br/><b>
<a href="index.php?id=13" target="_self" onfocus="blurLink(this);"  >Unsere Stadtapotheke</a></b><br/></td><tr></table>
 
<table><tr><td><a href="index.php?id=47" target="_self" onfocus="blurLink(this);"  >Tradition</a><br/><a href="index.php?id=46" target="_self" onfocus="blurLink(this);"  >Leistungen</a><br/><a href="index.php?id=45" target="_self" onfocus="blurLink(this);"  >Unser Team</a><br/><a href="index.php?id=44" target="_self" onfocus="blurLink(this);"  >Öffnungszeiten</a><br/><a href="index.php?id=43" target="_self" onfocus="blurLink(this);"  >Kundenkarte</a><br/><a href="index.php?id=42" target="_self" onfocus="blurLink(this);"  >360° Rundblick</a><br/><a href="index.php?id=41" target="_self" onfocus="blurLink(this);"  >Lageplan</a><br/></td></tr></table>
 
<table><tr><td><br/><b><a href="index.php?id=26" target="_self" onfocus="blurLink(this);"  >Tag der offenen Hinterhöfe</a></b><br/></td><tr></table><table><tr><td><a href="index.php?id=25" target="_self" onfocus="blurLink(this);"  >Bildergalerie</a><br/><a href="index.php?id=24" target="_self" onfocus="blurLink(this);"  >Geschichte</a><br/></td></tr></table>
 
<table><tr><td><br/><b><a href="index.php?id=23" target="_self" onfocus="blurLink(this);"  >Magazin</a></b><br/></td><tr></table><table><tr><td><a href="index.php?id=22" target="_self" onfocus="blurLink(this);"  >Wissenswertes</a><br/><a href="index.php?id=21" target="_self" onfocus="blurLink(this);"  >Bildergalerie</a><br/></td></tr></table>
 
<table><tr><td><br/><b><a href="index.php?id=20" target="_self" onfocus="blurLink(this);"  >Aktuelles</a></b><br/></td><tr></table><table><tr><td><a href="index.php?id=19" target="_self" onfocus="blurLink(this);"  >Veranstaltungen</a><br/><a href="index.php?id=18" target="_self" onfocus="blurLink(this);"  >Gesundheitstipps</a><br/><a href="index.php?id=17" target="_self" onfocus="blurLink(this);"  >Heilpflanze des Monats</a><br/></td></tr></table><table><tr><td><br/><b><a href="index.php?id=16" target="_self" onfocus="blurLink(this);"  >Apothekenmuseum</a></b><br/></td><tr></table>
 
<table><tr><td><br/><b><a href="index.php?id=15" target="_self" onfocus="blurLink(this);"  >Notdienst</a></b><br/></td><tr></table>
</b></td></tr></table>
</div>
 
<!-- PROBLEMKIND 1 --!>
<div id="navi_oben">
 
<a href="index.php?id=53" onfocus="blurLink(this);"  >Home</a> &nbsp;
<a href="index.php?id=52" onfocus="blurLink(this);"  >Online-Bestellung</a> &nbsp;
<a href="index.php?id=51" onfocus="blurLink(this);"  >Kontakt</a> &nbsp;
<a href="index.php?id=50" onfocus="blurLink(this);"  >Impressum</a> &nbsp;
<a href="index.php?id=49" onfocus="blurLink(this);"  >Werbegemeinschaft Bischofswerda e.V.</a> &nbsp;
 
</div>
 
<!--PROBLEMKIND 2 --!>
<div id="navi_breadcrumb">
<a href="index.php?id=9" onfocus="blurLink(this);"  >Stadt Apotheke Bischofswerda</a> >
</div>
 
 
 
<div id="content_normal_container"></div>
 
<div id="content_border_container"></div>
 
<div id="cont_footer"><img src="fileadmin/template/footer.gif" width="1024" height="146" border="0" alt="" title="" />
</div>
 
</body>
</html>

**david** · #6 27.05.08, 18:54

Du hast innerhalb von Deinem CSS HTML-Kommentare (  )
Das führt zu Fehlern!!!

Nimm die Kommentare entweder ganz raus oder ersetze die Begrenzer:

"" zu "*/"

statt "" sollte dort also "/* ... */" stehen.

Falls Du jetzt noch Probleme hast, sag Bescheid und schildere sie noch mal genau.

Ergänzung:
Deine HTML-Kommentare sind übrigens auch falsch.
Du hast geschrieben: 

Innerhalb des Quelltextes sollten spitze Klammern die als Text angezeigt werden sollen maskiert werden:
"<" = <
">" = >

aturella · #7 28.05.08, 08:48

Hi David,

vielen Dank, den Kommentarfehler im CSS habe ich gestern abend dann auch schon gefunden... naja... eben Tomaten auf den Augen...

Danach klappt es alles wie es soll!!! Danke für deine Mühen...

Die Kommentare im Html-Code hatte ich nur zur kennzeichnung eingefügt... die stehen so falsch nicht wirklich drinnen...

Ja, also, vielen Dank...

Viele Grüße

Aturella

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
Richtige CSS-Formatierung des aktiven Menüs	yellowcow	GMENU, HMENU, TMENU und Co.	1	18.01.08 07:26
Gelöst 2 Menüs	easymoments	TYPO3 4.x Fragen und Probleme	8	30.11.07 09:21
Gelöst Einzelne Spalten ignorieren die Spracheinstellungen	Natorion	TYPO3 4.x Fragen und Probleme	7	07.11.07 11:58
indexed_search: Meta-Tags ignorieren?	maxhb	TYPO3 4.x Fragen und Probleme	0	29.08.07 16:24
CSS 2 Menüs	rainmanx	GMENU, HMENU, TMENU und Co.	4	07.06.07 21:29

Suche

Userpanel

Menüs ignorieren Css-Formatierung