Zum Inhalt springen

Menüs basierend auf CSS

Erstellt am 7. März 2006 · 136 Antworten · letzte Antwort am 16. November 2006 · Seite 6 von 7

Tags: Frage

Elfenkind ·

Hallo,
hab es bei mir auch grad eingebaut, funktioniert auch einwandfrei *lob*

Nun hätte ich nur noch eine Frage...
Gibt es eine Möglichkeit die Linklänge anzupassen? Hab das horizontale eingebaut.

Also z.b. das bei dem Link "Link" die farbhinterlegung kürzer ist wie bei dem Link "zweiterlink" das sich die Breite automatisch der Linklänge anpasst bzw. das man die Breite einzeln bestimmen kann?

lg

Elfenkind ·

Wo man die linklänge allg. verkleinern / vergrößern kann hab ich schon gefunden 😉

schade das es nicht einzeln geht, sind halt teilweise gute lücken drin...

also z.b.:

Linknametest (kleiner Abstand) Linknametest (kleiner Abstand) Linknametest (kleiner Abstand) Link (großer Abstand) Link (großer Abstand) Linkname usw...

und das kann man nicht irgendwie anders noch lösen?

lg

just2b ·

du könntest vielleicht mit optionsplit (siehe tsref) noch zusätzliche style-tags einbringen und dann damit stylen, das könnte klappen, hab ich aber noch nie ausprobiert

lg georg

theschaaf ·
seite = PAGE
seite {
   typeNum = 0
   bodyTag = <body bgColor = "#FFFFFF">
   stylesheet = fileadmin/dummyfiles/style.css
   meta.AUTHOR = Jens
   meta.DESCRIPTION = Homepage der CKS Systeme
   
   headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/dummyfiles/horizontal_JS.js"></script>

   10 = TEMPLATE
   10.template = FILE
   10.template.file = fileadmin/dummyfiles/template_2.html
   10.workOnSubpart = DOKUMENT
   10.marks {

MENU_OBEN = HMENU
MENU_OBEN {
	special = directory
	special.value = 850

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1	
	2.wrap = <ul>|</ul>

	3 < .2
	4 < .2
}
}

Bei mir kommt gar nichts,
was hab ich da falsch gemacht? Die Dateien sind alle an dem Ort wo sie hingehöhren, also die Pfade stimmen, hab ich vll einen Teil des TS an der falschen Stellen eingebunden?

Bei mir erscheint unten Links im IE auch immer eine Fehlermeldung, also so ein gelbes Dreieck mit Ausrufungszeichen??

danke auch schonmal für die Bereitstellung der Daten

gruß, theschaaf

theschaaf ·

danke 🙂

ziemlich geil ich habs tatsächlich hinbekommen, das hätte ich nicht gedacht, und auf den kleinen fehler sollte ich auch selber kommen.

naja, beim horizontalen menü stehen die felder immer noch untereinander, vertikal klappt es gut.

ich könnte mir nur denken das da irgendwo ein zeilenumbruch drin ist, aber den müsste ich, wenns denn so wäre, da ja stehen haben?!

schaaf

----------

alles klaro, fehler selber gefunden, besten dank 8-)

lukepower ·

Hallo allen!

Erstmal ein dickes Lob an just2b, genialer Code, einfach und sehr effizient :-) Habe sehr lange nach sowas gesucht.

Nun, ich habe es auf meinem Template integriert (ist in der Testumgebung, deshalb habe ich kein online-link). Läuft super, allerdings sieht beim Firefox die Seite etwas "falsch" aus: Der gesamte Teil der Seite, welcher nach dem menü kommt, ist nach Rechts verschoben (fängt dort an, wo das Menü aufhört). Im IE ist es perfekt, hab auch die Seite nochmal im XHTML Validator gegeben, und ist in Ordnung.
Habe übrigens das gleiche Problem mit den Beispielen am Anfang des Threads. Hat jemand hier eine Idee? (Oder sollte ich einfach auf die neueste Firefox Version umsteigen?)

Danke!

just2b ·

Hallo,
erstmals thx fürs Lob!
Nun nur weil was valide ist, heißt das noch lange nicht dass alles so ausschaut wie du willst!
Mach doch einen html-dummy mit deinem Template, dummy Inhalt und dem Menü drinnen und stell das ganze online.

georg

just2b ·

uff... also IMO solltest du eine Entscheidung treffen: Entweder Tabellen oder divs, aber nicht mischen.

Hab mir das ganze jetzt nicht im IE angeschaut, konkret den Fehler auch nicht gefunden, aber sowas wär mal quick & dirty

#maintbl {
left:-700px;
position:relative;
}

lg georg

lukepower ·

Georg,

danke erstmal für deine Mühen ;-) Ich hab's versucht, der Hack zerlegt aber die Seite (erwartungsgemäß) im IE. In Firefox siehts etwas besser aus - eine Lösung isses wohl nicht. Ich wundere mich, weil ich bis vor kurzem mit einem normalen TMENU gearbeitet habe, und sich jetzt mit dem CSS-Menu sich dieses Problem manifestiert. Ich werd'mal schauen, ob es mit einem <br /> o.ä. besser geht.

Lk

d_designer ·

Hallo
Ist ja wirklich toll das mal ein ganzes beispiel hier aufgeführt wird.

Aber ist da nicht auch das Problem zumindest bei Horizontalen Menue,
das abstände zwischen den naveinträgen in der ersten eben nicht passen?