Zum Inhalt springen

css menü einbinden allwrap oder wrap?

Erstellt am 9. Oktober 2006 · 6 Antworten · letzte Antwort am 10. Oktober 2006

Tags: Frage

Unbekannter Benutzer ·

Hallo,

ich habe eine Webseite mit einem css menü

<body>
<!-- ###DOKUMENT### begin -->
<div id="head">
<div id="pad1"></div>Das Ist der Kopf</div>
<div id="foot">###FOOTER###

<div id="pad3"></div><br />Universität Koblenz Landau </div>

<div id="left"> ###LEFT###

<div class="pad2"></div>###MENU###


<ul>


<li><a class="nav" title="Your comments" href="http://www.cssplay.co.uk/comments/comments.php?comment_id=fixit layout 2">Comments</a>
  <li><a class="nav" title="Version 1" href="http://www.cssplay.co.uk/layouts/bodyfix.html">Layout 1</a>
  <li><a class="nav" title="Version 2" href="http://www.cssplay.co.uk/layouts/body4.html">Layout 3</a>
  <li><a class="nav" title="Version 2" href="http://www.cssplay.co.uk/layouts/body5.html">Layout 4</a>
  <li><a class="nav" title="Layouts Home Page" href="http://www.cssplay.co.uk/layouts/index.html">Layouts</a>
  <li><a class="nav" title="Site Home" href="http://www.cssplay.co.uk/index.html">Home Page</a> </li>


  </ul>
</div>

<div id="content">

<!-- ###DOKUMENT### end -->
</body>
</html>

mein Script sieht zur Zeit noch so aus

# Das Textmenü oben erstellen
       page.10.marks.MENU = HMENU
       page.10.marks.MENU {
          special = directory
          special.value = 108
          1 = TMENU
          1.NO = 1
          #1.NO.linkWrap =   |
          #wrap = <div class="pad2"> <ul>| </ul></div>  
          #1.NO.allWrap = <div class="pad2">|</div> 


     }

Ich schaffe es einfach nicht das Komplette css menü zu Übernehmen

Bin mir nicht sicher, ob die Marker richtig gestetzt sind.

Hat jemand einen Tipp??

Hier mal die Seite

http://139.14.4.158/index.php?id=108

Vielen Dank

just2b ·

Hallo,

listenmenüs gibts aber auch schon ein paar 100 im FOrum 😉
wieder mal ein Bsp:

marks.MENU {
	1 = TMENU
	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>
}

lg georg

Unbekannter Benutzer ·

Hallo,

danke für deinen Tipp.

habe leider noch das Problem dass das Menü nicht sichtbar ist.

Meine Menü Seite hat die ID=108

Bin noch ziemlich am Anfang mit typo3.

Wenn ich die Seite aurufe bekomme ich das Menü im QuellText angegeigt.

<div id="left"> ###LEFT###




<div class="pad2"></div>


<ul>


  <li><a class="nav" title="Your comments" href="http://www.cssplay.co.uk/comments/comments.php?comment_id=fixit layout 2">Comments</a>
  <li><a class="nav" title="Version 1" href="http://www.cssplay.co.uk/layouts/bodyfix.html">Layout 1</a>
  <li><a class="nav" title="Version 2" href="http://www.cssplay.co.uk/layouts/body4.html">Layout 3</a>
  <li><a class="nav" title="Version 2" href="http://www.cssplay.co.uk/layouts/body5.html">Layout 4</a>
  <li><a class="nav" title="Layouts Home Page" href="http://www.cssplay.co.uk/layouts/index.html">Layouts</a>
  <li><a class="nav" title="Site Home" href="http://www.cssplay.co.uk/index.html">Home Page</a> </li>


  </ul>



</div>

Mit welchem Script könnte ich meine Seiten ID ansprechen,
habe mal gelesen, dass es mit special öfters Probleme gibt?
Viele Grüsse

Unbekannter Benutzer · · Beste Antwort

Hallo,

page.10.marks.MENU = HMENU
 page.10.marks.MENU
 {
 1 = TMENU
 1      
 {
 wrap = <ul id="nav">|</ul>
 noBlur = 1
 NO = 1
 NO.wrapItemAndSub = <li>|</li>
 IFSUB = 1
 IFSUB.wrapItemAndSub = <li class="nav">|</li>
 ACTIFSUB < .IFSUB
  }
 2 < .1  
 2.wrap = <ul>|</ul>
}

HTML {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 76%; 
	BACKGROUND: url(clown.jpg) #fff no-repeat -18px 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	PADDING-TOP: 0px; 
	FONT-FAMILY: trebuchet ms, tahoma, verdana, arial, sans-serif; HEIGHT: 100%; 
	BORDER-RIGHT-WIDTH: 0px; max-height: 100%
    }

BODY {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	OVERFLOW: hidden; 
	PADDING-TOP: 0px; 
	HEIGHT: 100%; 
	BORDER-RIGHT-WIDTH: 0px; max-height: 100%
     }
     
     
#content 

     {
	DISPLAY: block; 
	PADDING-LEFT: 200px; 
	Z-INDEX: 3; 
	OVERFLOW: auto; 
	POSITION: relative; 
	HEIGHT: 100%; max-height: 100%
     }
     
     
     
#head {
	
	DISPLAY: block; 
	FONT-SIZE: 4em; 
	Z-INDEX: 5; 
	RIGHT: 18px; 
	BACKGROUND: url(topclown.jpg) #ddd; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	COLOR: #fff; 
	POSITION: fixed; 
	TOP: 0px; 
	HEIGHT: 100px
         
      }
      
      
#foot {
	DISPLAY: block; 
	FONT-SIZE: 1em; 
	Z-INDEX: 4; 
	RIGHT: 18px; 
	BACKGROUND: rgb(214,100,50); 
	MARGIN: 0px; WIDTH: 100%; 
	COLOR: #fff; 
	BOTTOM: -1px; 
	POSITION: fixed; 
	HEIGHT: 50px; 
	TEXT-ALIGN: center
      }
      
      
      
#left {
	FONT-SIZE: 1em; 
	Z-INDEX: 4; 
	BACKGROUND: rgb(214,100,50); #aaa 0px 100px; 
	LEFT: 0px; 
	WIDTH: 200px; 
	COLOR: #fff; 
	POSITION: fixed; 
	TOP: 0px; 
	HEIGHT: 100%
      }
      
      
      
      
      
 HTML #head 
       
      {
	POSITION: absolute
      }
 
 
 HTML #foot
 
     {
	POSITION: absolute
     
     }
 
 
 
 HTML #left
 
     {
	POSITION: absolute
     }
     
     
#pad1 {
	DISPLAY: block; 
	FLOAT: left; 
	WIDTH: 18px; HEIGHT: 100px


      }

#pad3 {
	DISPLAY: block; FLOAT: left; WIDTH: 18px; HEIGHT: 50px
}
.pad2 {
	DISPLAY: block; HEIGHT: 100px
}
#content P {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	PADDING-TOP: 5px
}
.bold {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.2em
}

}
A.nav {
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	WIDTH: 100px; COLOR: #fff; 
	LINE-HEIGHT: 25px; HEIGHT: 25px; 
	TEXT-DECORATION: none
}
A.nav:visited {
	DISPLAY: block; 
	FONT-WEIGHT: bold; 
	WIDTH: 100px; COLOR: #fff; 
	LINE-HEIGHT: 25px; HEIGHT: 25px; 
	TEXT-DECORATION: none
}
A.nav:hover {
	COLOR: #fc0
}

Hier die Vorlage

<body>
<!-- ###DOKUMENT### begin -->
<div id="head">
<div id="pad1"></div>Das Ist der Kopf</div>




<div id="foot">###FOOTER###

<div id="pad3"></div><br />Universität Koblenz Landau </div>
<div id="left">
<div class="pad2"></div>###MENU###


<ul>
<a class="nav" title="Your comments" href="#">Comments</a>
<a class="nav" title="Version 1" href="">Layout 1
<a class="nav" title="Version 2">Comments</a>
</ul>

</div>

<div id="content">###CONTENT###

<!-- ###DOKUMENT### end -->

</body>

Ich habe in anderen Übungen schon öfters Menüs eingebunden,
aber irgendwie stehe ich auf dem Schlauch.

Danke für deine Hilfe.