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

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?

d_designer ·

Ich habe das horizontale menue jetzt auch mal ausprobiert, bei mir zeigt er garnix an woran kann das liegen???
Nichtmal die erste ebene

just2b ·
d_designer schrieb

Ich habe das horizontale menue jetzt auch mal ausprobiert, bei mir zeigt er garnix an woran kann das liegen???
Nichtmal die erste ebene

am CSS, am TS, special.value zeigt bei dir auf ne ID die es nicht gibt, du hast keinen Marker dafür.... genug geraten?

d_designer ·

Die marker hab ich umgeschrieben.

Ich habe schonmal probiert ein textmenue zu schreiben hat alles gut funktioniert ausser im mozilla da ging garnix. dann habe ich das relativetotrigger rausgenommen dann gings im mozilla aber die zweite ebene hing immer am mauszeiger. nun hoffe ich es mit deinem menue hinzubekommen.

hoffe hoffe

seite = PAGE
seite.bodyTag = <body bgcolor='#EAF5FB' border='0' leftmargin='0' marginheight='0' marginwidth='0' margintop='0' bottommargin='0'>
seite.meta.http-equiv="imagetoolbar" content"no">
seite.stylesheet = fileadmin/styles/horizontal_CSS.css
seite.typeNum = 0
seite.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
seite.10 = TEMPLATE
seite.10 {
headerData = COA
headerData.11 = TEXT
headerData.11.value = <script type="text/javascript" src="fileadmin/styles/horizontal_JS.js"></script>
	template = FILE
	template.file = fileadmin/template3_css.htm
	WorkOnSubpart= DOKUMENT
	marks.INHALT < styles.content.get
	marks.HINTERGRUND < styles.content.getLeft
	marks.INHALTEN < styles.content.getRight
	marks.INHALTE < styles.content.getBorder
	

 #navi#################################################

marks.NAVI = HMENU
marks.NAVI {
	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
}
d_designer ·

ich habe auch noch das menue aber wie gesagt geht nur sauber unter iE
vieleicht kannst du mir da noch was zu sagen

seite = PAGE
seite.bodyTag = <body bgcolor='#EAF5FB' border='0' leftmargin='0' marginheight='0' marginwidth='0' margintop='0' bottommargin='0'>
seite.meta.http-equiv="imagetoolbar" content"no">
seite.stylesheet = fileadmin/styles/styles_css.css
seite.typeNum = 0
seite.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
seite.10 = TEMPLATE
seite.10 {
	template = FILE
	template.file = fileadmin/template3_css.htm
	WorkOnSubpart= DOKUMENT
	marks.INHALT < styles.content.get
	marks.HINTERGRUND < styles.content.getLeft
	marks.INHALTEN < styles.content.getRight
	marks.INHALTE < styles.content.getBorder
	

 #navi#################################################
  	  	marks.NAVI = HMENU
  	marks.NAVI.1 = TMENU_LAYERS  
  	marks.NAVI.1 {  	
  			layerStyle = position:absolute;left:0px;top:35;width:10px;VISIBILITY:hidden;
  			xPosOffset = -1
    			lockPosition = 200
  			hideMenuWhenNotOver = 1
			expAll = 1
			leftOffset = 0
   			topOffset = 80
   			relativeToTriggerItem = 1
   			NO { 
			allWrap = <span class="eins">|</span>
  			ATagParams=class="eins" 			   			       			     
  			  }	
  		      }
  	marks.NAVI.2 = TMENU_LAYERS
  	marks.NAVI.2 {
  		     layerStyle = position:absolute;top:35;width:1px;left:0px; VISIBILITY:hidden;
  			xPosOffset = -100
   			lockPosition = 200
  			hideMenuWhenNotOver = 1
			expAll = 1
  			leftOffset = 310
   			topOffset = 90
   			relativeToTriggerItem = 1
  			NO { 
			allWrap = |
  			ATagParams=class="zwei" 
  			}
	
			}  	  		     
  marks.NAVI.3 = TMENU_LAYERS
  	marks.NAVI.3 {
  			layerStyle = position:absolute;left:0px;top:100;width:100px;VISIBILITY:hidden;
  			xPosOffset = -500
    			lockPosition = 100
  			hideMenuWhenNotOver = 1
			expAll = 1
  			leftOffset = 90
   			topOffset = 1
   			relativeToTriggerItem = 1
  			NO { 
			allWrap = |
  			ATagParams=class="drei" 
  			} 

	
			}