Zum Inhalt springen

TMENU mit Bild

Erstellt am 25. Juli 2003 · 10 Antworten · letzte Antwort am 30. Juli 2003

Tags: Frage

wjrpointler ·

hallo

bin gerade daran, mein erstes menu zusammenzubasteln.

ich möchte ein menü das in html folgendermassen aussieht:

<a href="index.php">
 <div class="navlink">
  <img src="fileadmin/images/pfeil.gif"> Home
 </div>
</a>

Nun habe ich folgendes realisiert:

HTML-Template:

<!-- ###NAVIGATION### START -->


<!-- ###NAVIGATION### STOP -->

TypoScript (im Template):

site = HMENU
site.1 = TMENU
site.1.expAll = 0
site.1.NO.allWrap = <div class="navlink1"> | </div>

page.10.subparts.NAVIGATION < site

Wenn ich nun mit .beforeImg oder .before oder .allWrap das Bild einzufügen versuche, wird es vor dem <div> angezeigt:

Bild
----------------------
| Home |
----------------------

Es sollte aber so aussehen:

----------------------
| Bild Home |
----------------------

Hoffe es kann mir jemand helfen!!!
Vielen Dank schon im voraus.

wjrpointler

wjrpointler ·

Danke für deine Antwort!
Aber dies geht nicht. Dann bekomme ich folgendes:

Bild
--------------------
| Home |
--------------------

Ich weiss auch nicht warum, aber es schreibt mit das

<img>

tag vor das

<div>

tag....

Ich kapiere es nicht mehr.....

Tschüss wjrpointler

Hannes ·

hi!

und was passiert, wenn du folgendes versuchst:

...
site = HMENU 
site.1 = TMENU 
site.1.expAll = 0 
site.1.wrap = <div class="navlink1"> | </div>
site.1.NO.allWrap = <img src="bild" ...> |  
...

?
lg
hannes

wjrpointler ·

hi

danke für deine Antwort!!
Hab das mal ausprobiert.
Resultat:

Bild
--------------------
| Home |
--------------------

ABER, nun steht der Code richtig:

<div class=navlink1><img src=""><a href="">Home</a></div>

Dennoch wird es falsch angezeigt...
Ich blick da nicht mehr durch...

Bye

Hannes ·

hi!

könnte es sein, dass der div-layer im stylesheet in der breite zu schmal dimensioniert ist und dadurch der linebreak zustande kommt?
versuchs mal mit <nobr></nobr>

... 
site = HMENU 
site.1 = TMENU 
site.1.expAll = 0 
site.1.wrap = <div class="navlink1"><nobr> | </nobr></div> 
site.1.NO.allWrap = <img src="bild" ...> |  
...

lg
hannes

wjrpointler ·

Hi Hannes

Habe das gleich mal ausprobiert...
Klappt leider auch nicht...
Habe noch ein bisschen mit dem CSS rumgespielt.
Da ist aber auch nichts neues rausgekommen..

Ich weiss echt nicht was ich noch probieren soll...

Tschüss wjrpointler

Hannes ·

hmm...

das ist nicht gut.
mir fällt auch nichts sinnvolles mehr ein.
vielleicht die navi mit tables bauen...
das könnte noch was bringen....

lg
hannes

Hannes ·

eines noch...
was passiert, wenn du anstatt mir subparts mit marks arbeitest?

page.10 = TEMPLATE
page.10 {
  template = FILE
  template.file = fileadmin/deintemplatename.html # <- dein name

  workOnSubpart = DOKUMENT # <- dein name
  marks.NAVIGATION = HMENU
  marks.NAVIGATION.1 = TMENU
  marks.NAVIGATION.1 {
    expAll=0
    #wrap =  | 
    # würde um die gesamt navi wrappen

    NO {
      allWrap = <div class="navlink"><img src="bild" ...>  | </div>
      # würde nur um den link ebene 1 wrappen
    }
  }
}

du musst in deinem html-template den 2. marker rausschmeissen, sonst kommt die navi doppelt.
(also nur noch ###NAVIGATION###, ohen <!--,.....)
lg
hannes

wjrpointler ·

Hi Hannes

Danke für die Idee. Habs aber schon anders geschafft:

site = HMENU
site.1 = TMENU
site.1.expAll = 0
site.1.NO.stdWrap.dataWrap = <img src="fileadmin/images/pfeil_r_kl.gif" border="0">&nbsp; |
site.1.NO.allWrap = <div class="navlink1"> | </div>

So hats funktioniert!! Danke für diene Hilfe!

Tschüss