Zum Inhalt springen

CSS zerschießt 2 Menüs

Erstellt am 20. April 2006 · 10 Antworten · letzte Antwort am 20. April 2006

Tags: Frage

don_stevil ·

hallo forum!

ich habe irgendwo einen denkfehler, oder mach ess zu kompliziert...

1. hab typo3 4.0 installiert und ohne probleme eingerichtet
2. hab eine seite angelegt, indem ich in eine HTML datei die entsprechenden marker gesetzt habe
3. hab über typoscript document, content und menüs festgelegt
4. 2 menüs sollen es sein, links das topmenü auf der ersten ebene, rechts soll das untermenü erscheinen, sobald links was angeklickt wird.
5. beides mal kommt ein TMENU zum einsatz.

mein problem:
a) das linke verschwindet, sobald man ein menü anklickt
b) das rechte ist geklont wie das linke, also kein untermenu
c) das rechte menu und eine pfadanagabe (grau hinterlegt) werden größer dargestellt, als das linke menü, obwohl die CSS datei doch für beide gilt (oder?).

Die Homepage dazu: www.drk-bergheim.de

Würde mich über Hilfe sehr freuen, vielen Dank!

schwaiger ·

ist kein css prob sonder typoscript...

poste mal das menuscript..

das prob liegt daran das dein ts immer das menu der aktuellen ebene anzeigt...

lg flo

don_stevil ·

alles klar...momentchen...wollen die glaskugel ja nicht überstrapazieren 😉

           marks.TOPMENU = HMENU
           marks.TOPMENU{
                              special = directory
                              1 = TMENU
                              1.NO = 1
                              1.NO.linkWrap = <br />  <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |

                             .2 < .1
                              2 = TMENU
                              2.NO = 1
                              2.entryLevel = 1
                              2.NO.linkWrap =       <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |

                         }


           marks.DOWNMENU = HMENU
           marks.DOWNMENU{
                              special = directory
                              1 = TMENU
                              1.entryLevel = 3
                              1.NO = 1
                              1.NO.linkWrap = <br />  <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |

                          }
toyde ·
don_stevil schrieb
                              special = directory
                              1 = TMENU
                              1.NO = 1
                              1.NO.linkWrap =   <img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" alt="" /> |
 
                             .2 < .1
                              2 = TMENU
                              2.NO = 1
                              2.entryLevel = 1

Fehlerhafte Syntax.

Lies mal die 2-3 Seiten in der Doku durch, Stichwort special.
» http://www.typo3.net/literatur_zu_typo3/ Deutsche Dokumentation.
Seite 66ff, 3.11.6 special : directory.

don_stevil ·

gefahr erkennt, gefahr gebannt...

der vollständigkeit halber hier das "neue" typoscript

           marks.TOPMENU = HMENU
           marks.TOPMENU {
                              special = directory
                              special.value = 1
                              1 = TMENU
                              1.NO = 1
                              1.NO.linkWrap = <br>&nbsp;&nbsp;<img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif" > |
                         }


           marks.DOWNMENU = HMENU
           marks.DOWNMENU{
                              special = directory

                              1 = TMENU
                              1.entryLevel = 2
                              1.NO = 1
                              1.NO.linkWrap = <br>&nbsp;&nbsp;<img src="fileadmin/www.drk-bergheim.de/template/pfeil.gif"> |

                          }

allerdings werden die stylesheets noch immer falsch angezeigt (grau hinterlegter bereich).

zu sehen, wenn man auf "termine" klickt. das rechte menü erscheint, die pfadangabe springt ebenfalls mit. nur wirds zu groß angezeigt...

hier das passende stylesheet:
http://www.drk-bergheim.de/fileadmin/www.drk-bergheim.de/template/drk_stylesheet.css

könntet ihr ein letztes mal helfend eingreifen? 🙂
Danke!!

toyde ·
don_stevil schrieb

allerdings werden die stylesheets noch immer falsch angezeigt (grau hinterlegter bereich).

Nö. Ein Stylesheet wird angezeigt, oder nicht. Das "falsch" darf man auf fehlerhafte Syntaxeingabe von CSS zurückführen :p .

don_stevil schrieb

zu sehen, wenn man auf "termine" klickt. das rechte menü erscheint, die pfadangabe springt ebenfalls mit. nur wirds zu groß angezeigt...

Was ist das genaue Problem? Der zu grosse Text? Dann mach die Schrift font-size kleiner #paralyzed# .

don_stevil ·

da grübel ich ja gerade drüber, da sämtliche font sizes im stylesheet gleich angegeben sind...mit px10.

warum der diese angabe im linken menü, aber nicht im rechten menü übernimmt, das ist mein casus knackus 😉.

toyde ·
don_stevil schrieb

..da sämtliche font sizes im stylesheet gleich angegeben sind

Leider wieder 0 Punkte :p .

Definier für deine Menüklasse:

.menurechts a{

}

.menurechts a:link {

}
.menurechts a:visited {

}
.menurechts a:hover {

}
.menurechts a:active {

}

In erster Zuweisung schreibst Du generell geltende Configs rein. Für den Rest, halt das, was sich ändern soll.
Warum man Klassen verschachteln muss? Hmmm.... CSS steht nicht für casus sehrus schwerus, sondern für Cascading Stylesheet.

(Notiz: ist ein Beispiel, bitte anpassen)

don_stevil ·

dein beispiel für mein CSS wäre:

      .DOWNMENU a{
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }


      .DOWNMENU a:link {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }

      .DOWNMENU a:visited {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }
      
      .DOWNMENU a:hover {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;
      }

      .DOWNMENU a:active {
      font-family: Arial, Helvetica, sans-serif;
	font-size: 10px 
	background-color : transparent;
	color : navy;
	text-decoration : none;
	font-weight : bold;

      }

klappt leider noch nich...wird wohl nen bastelnachmittag werden *g*.

toyde ·

Ist doch diese Seite hier, oder?
» http://www.drk-bergheim.de

1. Ich öffne die Seite
2. Ich klicke auf Termine, sehe die Menüpunkte rechts haben zu grosse Schrift.
3. Ich schaue nun in den Quellcode (IE/FF/Opera Browseroption > Ansicht > Quellcode ansehen).

Und siehe da: Weder Mensch noch Maschine kennen "DOWNMENU".

Mach CSS-Gebastel doch lokal, und lade anschliessend alles herauf. Wenn Du oft Files uploadest (insbesondere HTML-Tempatles), Cache leeren nicht vergessen. Hat nix mit TYPO3 zu tun 😉
(NICHT böse gemeint, aber es verliert hier bissal den Faden #giggle# )