Zum Inhalt springen

CSS bei MENÜ verwenden

Erstellt am 15. März 2006 · 9 Antworten · letzte Antwort am 15. März 2006

Tags: HTML & CSS, Frage

leibnitz ·

Hallo
versuche gerade folgendes Menü in Typo3 umzusetzen (siehe Bild)

Bild: die-eigene-homepage.de/menu.png

Ich hab das Menü in CSS schon formatiert, so wie unten beigefügt.

.buttons  {
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-align : center;
	color : #FFFFFF;
	background-color : #841815;
	height : 19px;
	padding : 0px;
	margin-bottom : 5px;
	cursor : pointer;
    border: 1px #000000 solid
}

so jetz hab ich das menü wie folget in TS geschrieben

    subparts.H_MENU = HMENU
    subparts.H_MENU.special = directory
    subparts.H_MENU.special.value = 98
    subparts.H_MENU.1 = TMENU
    subparts.H_MENU.1.NO =  
    subparts.H_MENU.1.wrap = <div class="buttons"> | </div>

so jetz übernimmt er mir zwar das CSS, aber alles ist nur rot und die Buttons werden nicht angezeigt bzw sie sind zwar da aber nicht sichtbar.

kann mir jemand sagen was ich falsch gemacht habe?

MfG Leibnitz[/url]

just2b ·

nimm ein Listenmenü aus der FAQ und pass dieses mittels CSS dann an, das wär der richtige weg

lg georg

leibnitz ·

hab jetz aus den FAQ das Tutorial "Wie wird ein Menü als Punkteliste generiert?" genommen, nur wenn ich dann den schon fertigen CSS bereich nehme hab ich den selben effekt wieder wie zuvor!?

was bringts dann?

leibnitz ·

versteh das jetz nicht ganz also

ich erstell das menü so:

       subparts.H_MENU = HMENU
       subparts.H_MENU {
              special = directory
              special.value = 98
              entryLevel = 0
              1 = TMENU
              1 {
                      noBlur = 1
                      wrap = <ul>|</ul>
                      NO = 1
                      NO {
                            ATagTitle.field = abstract // description // title
                            wrapItemAndSub = <li>|</li>
                      }
                      CUR < .NO
                      CUR.doNotLinkIt = 1
              }
              2 < .1
              3 < .1
     }

und im css lege ich dann folgendes fest.

.ul	{
	font-size : 11px;
	font-family : Arial, Helvetica, sans-serif;
	font-weight : normal;
	text-align : center;
	color : #FFFFFF;
	background-color : #841815;
	height : 19px;
	padding : 0px;
	margin-bottom : 5px;
	cursor : pointer;
    border: 1px #000000 solid
}

oder wie?

mfg leibnitz

just2b ·
leibnitz schrieb

ok danke das funktioniert soweit!!
nur verziehts mir da ein bisschen was im layout :-(

kann ich wohl nicht helfen

leibnitz ·

hab im css die breite auf 100% definiert, die aufzählung ist ja in einer zeile nur die breite nimmt er mir nicht!!

gäbs noch eine alternative z.B. gifbuilder?
was meinst?

aber ich versteh nicht warum er mit so wie ichs ganz am anfang machen wollte warum er das css nicht komplett übernimmt sondern nur den hintergrund und nicht die schrift?