Hallo zusammen,
Ich bin jetzt schon relativ lange beschäftigt ein Menü zu erstellen
und finde leider keine Lösung für folgendes Problem:
Ich würde gernen dein mit "padding-left" erstellten Rahmen
in der 2. Ebene des Menüs einrücken - so das er wie in Ebene 1
an der Schrift anliegt.
Hier ein Screenshot:
Bild: nothin.org/…/menu_frage.jpg
Ich hoffe jemand von euch kann mir helfen!
nG
pe
Hi jigsaw,
ein Codeschnipsel wäre schön. Dann fällt das mit der Hilfe ein bissl einfacher 😃
MfG,
Markus
Ich dachte, dass kann man irgendwie ganz einfach mit nem padding
oder so lösen ... 😉
In der html-datei des Templates befindet sich der "ganz normale"
Code für ein Menü in Typo3
<td valign="top" class="news" id="menu_1">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
</ul>
</div>
<div class="menu1-level1-no">
<li><a href="#">Item 1</a></li>
</div>
<div class="menu1-level1-no">
<li><a href="#">Item 2</a></li>
</div>
<div class="menu1-level1-act">
<li><a href="#">Item 3</a></li>
</div>
<div class="menu1-level2-no">
<li><a href="#">Item 4</a></li>
</div>
<div class="menu1-level2-no">
<li><a href="#">Item 5</a></li>
</div>
<div class="menu1-level2-act">
<li><a href="#">Item 6</a></li>
</div>
<div class="menu1-level1-no">
<li><a href="#">Item 7</a></li>
</div></td>
Und in der CSS-Datei wird dann das Menü gestaltet:
/* Menu 1 column */
TD#menu_1 {
font-family: verdana, arial, "ms sans serif", sans-serif;
font-size: 15px;
line-height: 10px;
padding-left: 5px;
color: #0D0D0D;
background-color: #F2F2F2;
line-height: 15px;
border-top-width:1px;
border-top-style:solid;
border-color: #4F7740;
border-right-width:1px;
border-right-style:solid;
border-color: #4F7740;
border-bottom-width:1px;
border-bottom-style:solid;
border-color: #4F7740;
/*border-left-width:15px;
border-left-style:solid;
border-color: #4F7740;*/
}
TD#menu_1 DIV {
width: 175px;
}
TD#menu_1 DIV A {
color: #0D0D0D;
text-decoration: none;
}
TD#menu_1 DIV A:hover {
text-decoration: none;
/*display: block;
width: 99%;
background-color:#D9D9D9;*/
/*filter:alpha(opacity='50', style='0');*/
}
/* MENU 1, level 1, normal state (NO) */
TD#menu_1 DIV.menu1-level1-no {
/*border-bottom: 2px dotted #999999;*/
font-size: 10px;
padding-top:5px;
padding-left:5px;
}
/* MENU 1, level 1, active state (ACT) */
TD#menu_1 DIV.menu1-level1-act {
font-weight:bold;
font-size: 10px;
padding-top:5px;
padding-left:5px;
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-width:1px;
border-left-style:solid;
border-color: #4F7740;
/*background-color: #D9D9D9;*/
/*filter:alpha(opacity='50', style='0');*/
}
TD#menu_1 DIV.menu1-level1-act A {
color:#0D0D0D;
}
/* MENU 1, level 2, normal state (NO) */
TD#menu_1 DIV.menu1-level2-no {
font-size: 10px;
padding-left:20px;
}
/* MENU 1, level 2, active state (ACT) */
TD#menu_1 DIV.menu1-level2-act {
font-size: 10px;
font-weight:bold;
padding-left:20px;
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:solid;
border-left-width:1px;
border-left-style:solid;
border-color: #4F7740;
width:160;
}
Soweit so gut ... nur das mit der Einrückung klappt leider nicht!
Falls du noch anderen Code brauchst sag Bescheid! Danke schonmal
für deine Antwort! 🙂
gruß
jigsaw
Hallo,
so wie ich das sehe, wirst du für die zweite Menüebene eine eigene Klasse definieren müssen,
aber warum machst du da so umständlich? Ich setze
einen Marker, positioniere den mit CSS und das Menü baue ich dann als TMENUE oder GMENUE in TS.
Da hast du alle Möglichkeiten.
Grüße kaktus
Hallo kaktus,
ich habe erst angefangen mich mit Typo3 zu beschäftigen und von einem
TMENUE oder GMENUE hab ich noch nicht wirklich was gehört. Hast du
zufällig ein Tutorial oder einen Beispielcode?
gruß
jigsaw
Mag jetzt vielleicht arrogant klingen, ist aber nicht so gemeint.
Zu Anfang solltest Du vielleicht das hier lesen und speziell dem Bereich mit den Menüs aufmerksamkeit schenken:
http://typo3.org/documentation/document-library/tutorials/doc_tut_templsel_de/current/view/
Ich denke, dass kann die weiterhelfen.
Hallo,
ich bin auch der Meinung, dass Denkanstöße reichen sollten . . .
Mir hat viel geholfen:
- Der Einstieg von Robert Meyer
- TS ref (ganz wichtig, quasi die Bibel)
- CSS von Eric A. Meyer
- Typo3 von Altmann, Fritz, Hinderink
- die Suche hier im Forum
und ich kratze immer noch an der Oberfläche!
Grüße kaktus
und ich kratze immer noch an der Oberfläche!
Wieso kommt mir das nur so bekannt vor ?? 8-)
Das Buch von Robert Meyer
"Praxiswissen Typo3" (findest nen Link oben rechts), hab ein gratis Kapitel "Menüs", welches Du bei O'Reilly kostenlos runterladen kannst. Nur so als Gedankenanstoß.
Sollte dir das Kapitel helfen, rate ich dir DRINGEND das Buch käuflich zu erwerben, denn der Rest ist mindestens genauso gut!
Ich hab das leider erst viiiiiel später gefunden (ca. 1 Jahr später) #angry#