Zum Inhalt springen

image vor Menüpunkt und automatischer Umbruch

Erstellt am 15. Februar 2005 · 8 Antworten · letzte Antwort am 16. Februar 2005

Tags: HTML & CSS, Frage

keule80 ·

Guten Morgen alle zusammen!

ich habe ein klitze kleines Problemchen mit meinem Menü und würde mich über Hilfestellung freuen. Leider hab ich nichts passendes gefunden.

Also... ich habe ein TMENU als Submenü für meine Unterseiten angelegt und ein Image vor jedem Menüpunkt eingepflegt. Nun fehlt mir aber ein vernünftiger Wrap damit das ganze auch unterienander steht wenn der Text mal länger ist.

Menü-Beispiel wie es aussehen sollte:

>> Unterpunkt 1
bis Unterpunkt 25

>> Unterpunkt 25
bis Unterpunkt 50

So sieht es derzeitig aus:

>> Unterpunkt 1
bis Unterpunkt 25

>> Unterpunkt 25
bis Unterpunkt 50

Ich habe versucht ein div um die Links zu legen aber leider nimmt er mir das Image (>>) wieder mit in den div sodass es nicht untereinander erscheint. Kennt jemand eine einfach Lösung?

temp.5 = IMAGE
temp.5.file = GIFBUILDER
temp.5.file {
backColor = #666666
XY = 4, 4
40 = BOX
40.dimensions=0,0,4,4
40.color = #ffffff
}

temp.6 = IMAGE
temp.6.file = GIFBUILDER
temp.6.file {
backColor = #E44F3C

XY = 4, 4
40 = BOX
40.dimensions=0,0,4,4
40.color = #B60202
}

 MENU1 = HMENU

       MENU1.entryLevel = 2
       MENU1.1 = TMENU
       MENU1.1.NO = 1
       MENU1.1.NO.allWrap = <div> | </div>
       MENU1.1.NO.ATagParams = class="menu1"
       MENU1.1.NO.linkWrap = |<br />
       MENU1.1.NO.before.cObject < temp.5

       MENU1.1.ACT < .MENU1.1.NO
       MENU1.1.ACT.ATagParams = class="menu1act"
       MENU1.1.ACT.before.cObject < temp.6
maik ·

Menü-Beispiel wie es aussehen sollte:

>> Unterpunkt 1
bis Unterpunkt 25

>> Unterpunkt 25
bis Unterpunkt 50

So sieht es derzeitig aus:

>> Unterpunkt 1
bis Unterpunkt 25

>> Unterpunkt 25
bis Unterpunkt 50

Für mich sieht das gleich aus.
Ich kann kein Unterschied zwischen Soll- und Ist-Zustand sehen.

mstuebner ·
keule80 schrieb

Ich habe versucht ein div um die Links zu legen aber leider nimmt er mir das Image (>>) wieder mit in den div sodass es nicht untereinander erscheint. Kennt jemand eine einfach Lösung?

Wenn Du ein Div um den Link legen möchtest, warum setzt Du den Div dann nicht ins

linkWrap = <div> | </div>

?

keule80 ·

ich habe jetzt den div-Block mal direkt um den Link gelegt aber leider sieht das ganze jetzt noch etwas verzogener aus. Das image ist zwar jetzt ausserhalb des divs aber er bekommt es nicht in eine Reihe. Noch irgend welche Vorschläge?

keule80 ·

Uff... da hat er die Leerzeichen wohl nicht genommen. Es soll natürlich eingerückt sein in der zweiten Zeile sobald der Menütext zu breit ist für eine Zeile.

Hat keiner einen Vorschlag... eigentlich sollte das doch zu machen sein oder?

mstuebner ·
keule80 schrieb

Hat keiner einen Vorschlag... eigentlich sollte das doch zu machen sein oder?

Könntest Du erwägen, dass Deine "Beschreibungen" evtl. nicht so kristallklar sind auf dass man sich auch nur ein Bild machen kannst was Du meinst und willst?

Zumindest mir geht es so, dass wenn ich es dank mangelnder Informationen/Bilder nicht nachvollziehen kann, ich mir keine weiteren Gedanken darum mache.

keule80 ·

Hi mstuebner,

Du hast recht. Ich habe den Beitrag gestern zwischen Tür und Angel geschrieben und man versteht nicht sonderlich viel von meiner Frage. Ich versuchs also noch einmal:

Ich habe ein Submenü (TMENU) im linken Bereich meiner Website. Nun habe ich vor jedem Menüpunkt ein Image mit folgendem Code gelegt:

MENU1.1.NO.before.cObject < temp.5

Das Image wird in temp.5 mit dem GIFBUILDER generiert.

Hier kann man sich das mal angucken:
http://web6.h9459.serverkompetenz.net/jade/service.html

Nun zu meinem Problem:

Leider ist der linke Menüframe nur begrenzt breit und es kann vorkommen, dass Menütexte wie "Corporate Communications" zu lang sind für eine Zeile. Leider wird bei einem Zeilenumbruch die zweite Zeile nicht eingerückt und stellt sich unter das Image (Image ist das kleine Rechteck.

Hab ich das Problem jetzt rüber gebracht?

Viele Grüße
Dennis

hardcoder ·

Hi,

nur ein Ansatz ...

temp.5 = IMAGE 
temp.5.wrap = <tr><td>|</td>
temp.5.file = GIFBUILDER 
temp.5.file { 
backColor = #666666 
XY = 4, 4 
40 = BOX 
40.dimensions=0,0,4,4 
40.color = #ffffff 
} 

temp.6 = IMAGE 
temp.6.wrap = <tr><td>|</td>
temp.6.file = GIFBUILDER 
temp.6.file { 
backColor = #E44F3C 

XY = 4, 4 
40 = BOX 
40.dimensions=0,0,4,4 
40.color = #B60202 
} 

MENU1 = HMENU 

       MENU1.entryLevel = 2 
       MENU1.1 = TMENU 
			 MENU1.1.wrap = <table>|</table>
       MENU1.1.NO = 1 
       MENU1.1.NO.allWrap = | 
       MENU1.1.NO.ATagParams = class="menu1" 
       MENU1.1.NO.linkWrap = <td> | </td></tr>
       MENU1.1.NO.before.cObject < temp.5 

       MENU1.1.ACT < .MENU1.1.NO 
       MENU1.1.ACT.ATagParams = class="menu1act" 
       MENU1.1.ACT.before.cObject < temp.6
keule80 ·

Jupp... das wars! Danke schon mal. Ein wenig noch modifizieren und schon passt es. Das mit dem wrap muss ich noch üben 😉

Mfg
Dennis