Zum Inhalt springen

individuelle platzierung der einzelnen menüpunkte einer menü-ebene?

Erstellt am 25. Dezember 2006 · 10 Antworten · letzte Antwort am 27. Dezember 2006

Tags: HTML & CSS, Frage

mostwanted ·

hallo allesamt. ich hab da eine (für mich) etwas komplizierte problemstellung - würd mich freuen falls mir jemand einen tipp geben könnte. danke schon mal im voraus für eure bemühungen!

ist folgendes mit TYPO3 möglich?

--- beginn des problemprojektes ---

es geht um die platzierung der einzelnen menü-punkte der ersten menü-ebene einer homepage.

die zahl der menü-punkte der ersten menü-ebene wird zwischen 3 und 6 menü-punkten variieren. einmal mehr - einmal weniger - je nach momentanem bedarf. (die entsprechenden seiten werden von den projektbetreuern je nach bedarf ein oder ausgeblendet)

die positionen der einzelnen menü-punkte der ersten menü-ebene lauten:
1. menü-punkt: X=45 Y=65
2. menü-punkt: X=70 Y=125
3. menü-punkt: X=200 Y=165
4. menü-punkt: X=25 Y=250
5. menü-punkt: X=110 Y=370
6. menü-punkt: X=80 Y=450

--- ende des problem-projektes ---

mostwanted ·

danke für die antwort.

und wie bekomm ich die divs um die einzelnen menüpunkte - mit TS? sorry für die frage, aber ich bin ein totaler anfänger...

mostwanted ·
just2b schrieb

wie schaut denn dein menü bisher aus?

bin zur zeit noch in der planungsphase - menü ist sozusagen nur/erst im kopf - hab für ein projekt ein design der seite im kopf und möchte jetzt erst mal checken, mit welchem CMS das design überhaupt realisierbar ist.

just2b ·

Die divs bekommst du mit wraps hin.

und eigentlich (fast) jedes Design, was mit purem HTML möglich ist, geht mit TYPO3 auch. Bekommst du es also statisch hin, dann auch mit TYPO3 denn TYPO3 füllt ja lediglich die Inhalte dynamisch

georg

mostwanted ·

ich dachte, dass das ein oder andere CMS evetuell bei der navigation etwas unflexibel ist was die positionierung der einzelnen menüpunkte einer menü-ebene angeht. aber wenn du sagst das geht, bin ich positiv überrascht und freu mich dass das projekt in typo3 umsetzbar sein wird.

werd mich dann schlau machen wie das mit den wraps funktioniert.

danke für die hilfe.

grüsse aus den bergen.

just2b ·
mostwanted schrieb

grüsse aus den bergen.

berge und blauer himmel genug und noch -7,8° C 😉

Mach zuerst das menü statisch im Editor deiner Wahl und dann solltest du das erst im TYPO3 nachbauen!

georg

mostwanted ·
just2b schrieb

Hallo,

ich würde das über CSS machen. Um jeden Punkt ein div und das dann absolut positionieren

georg

dabei muss ich dann wohl jedem menüpunkt-div eine eindeutige id zuweisen, oder? z.b. <div id="menuepunkt-1">

muss ich dazu nicht jeden menüpunkt separat mit wrap "bearbeiten"? wie sprech ich denn die einzelnen menüpunkte individuell an?

mostwanted ·

hier mal die erste ebene meines menüs:

# Menu 1 cObject
lib.menu_1 = HMENU
  # First level menu-object, textual
lib.menu_1.1 = TMENU
lib.menu_1.1 {
    # Normal state properties
  NO.allWrap = <div class="menu1-level1-no"> | </div>
  NO.stdWrap.htmlSpecialChars = 1
    # Enable active state and set properties:
  ACT = 1
  ACT.stdWrap.htmlSpecialChars = 1
  ACT.allWrap = <div class="menu1-level1-act"> | </div>
}

jetzt muss ich also die "normal state properties" so ändern dass bei den einezelnen menüpunkten dim div-container jeweils ein eindeutiges "id" gesetzt wird, nicht? hmmm, wie geht das bloß? könnte es sein, dass man hier mit "optionSplit" arbeiten muss? hab mir das in TSref durchgelesen aber mir ist leider nicht klar wie ich das jetzt in meinem beispiel umsetzen kann...

...kann mir jemand weiter helfen? das wär super. danke schon mal im voraus für eure bemühungen.

mostwanted ·

ok, könnt sein, dass ich es hinbekommen hab. (änderungen in ZEILE 7)

was meint ihr: ist das die art und weise wie man es machen sollte?

irgendwie erscheint mir das etwas komisch - redundanzfreiheit ist etwas anderes.

würd mich sehr über einen verbesserungsvorschlag freuen.

# Menu 1 cObject
lib.menu_1 = HMENU
# First level menu-object, textual
lib.menu_1.1 = TMENU
lib.menu_1.1 {
# Normal state properties
NO.allWrap = <div class="menu1-level1-no" id="menue-punkt-1"> | </div> || <div class="menu1-level1-no" id="menue-punkt-2"> | </div> || <div class="menu1-level1-no" id="menue-punkt-3"> | </div> || <div class="menu1-level1-no" id="menue-punkt-4"> | </div> || <div class="menu1-level1-no" id="menue-punkt-5"> | </div> || <div class="menu1-level1-no" id="menue-punkt-6"> | </div> || <div class="menu1-level1-no" id="menue-punkt-7"> | </div>
NO.stdWrap.htmlSpecialChars = 1
# Enable active state and set properties:
ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <div class="menu1-level1-act"> | </div>
}