Zum Inhalt springen

horizonales TMENU - ?

Erstellt am 20. August 2004 · 4 Antworten · letzte Antwort am 21. August 2004

Tags: HTML & CSS, Frage

be_dee ·

hi, nach 3stunden "trial & error" liegen meine nerven blank...

was mach ich da falsch..

so sieht im moment aus:
http://www.bidner.com/typo3net/menu.gif

wo kommt der 1.te senkrechte strich (vor START) her?

wie mach ichs, das die aktuelle seite, wie beim hover-effekt blau angezeigt wird?

http://www.bidner.com/typo3net/menuhover.gif

auszug aus meinem template:

    <td height="23" colspan="3"  bgcolor="#666666" > 
      <!-- ###TOPNAV### START -->
      <span class="topnav"> <a href="gfhfghh">linknormal</a></span> 
      <!-- ###TOPNAV### END -->
 <!-- ###TOPNAVSUB### START --> 
	<span class="topnavsub"> <a href="gfhfghh">link</a></span>
	<span class="topnavsub"> <a href="gdfgd">link</a></span>
<!-- ###TOPNAVSUB### END -->
    </td>
  </tr>

die zugehörige css:

.topnav a:link {
	font-weight: bold;
 	font-family: Arial;
 	font-size: 12px;
 	text-decoration: none;
 	color: #FFFFFF;
}

.topnav a:visited {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #FFFFFF;
}

.topnav a:hover {
   font-weight: bold;
   font-family: Arial;
   font-size: 12px;
   text-decoration: none;
   color: #6699FF;
}

.topnav a:active {
    font-weight: bold;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    color: #6699FF
}

.topnav a:focus {
   font-weight: bold;
   font-family: Arial;
   font-size: 12px;
   text-decoration: none;
   color: #6699FF;
}

.topnavsub a:link {
	font-weight: bold;
 	font-family: Arial;
 	font-size: 10px;
 	text-decoration: none;
 	color: #FFFFFF;
}

.topnavsub a:visited {
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
    color: #FFFFFF;
}

.topnavsub a:hover {
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   text-decoration: none;
   color: #6699FF;
}

.topnavsub a:active {
    font-weight: bold;
    font-family: Arial;
    font-size: 10px;
    text-decoration: none;
    color: #6699FF
}

.topnavsub a:focus {
   font-weight: bold;
   font-family: Arial;
   font-size: 10px;
   text-decoration: none;
   color: #6699FF;
}

hier mein setup-feld:

# Top Navigation
   subparts.TOPNAV = HMENU
   subparts.TOPNAV.1 = TMENU
   subparts.TOPNAV.1 {
      NO.allWrap = |*| <span class="topnav">&nbsp;&#124;&nbsp;|</span> |*|
     }

# Top NavigationSub
   subparts.TOPNAVSUB = HMENU
   subparts.TOPNAVSUB.entryLevel = 1
   subparts.TOPNAVSUB.1 = TMENU
   subparts.TOPNAVSUB.1 {
      NO.allWrap = <br> <span class="topnavsub"> |*| <span class="topnavsub"> &#124;&nbsp;|</span> |*|
     }
}

bin beim verzweifeln - bitte HELP ME
danke

be_Dee

*tschuldigung wg. der endlos wurst an code*

jenses ·

Hallo be_dee !

Ich glaube, daß ich deinen Fehler gefunden habe :

subparts.TOPNAV.1 { 
      NO.allWrap = |*| <span class="topnav">&nbsp;&#124;&nbsp;|</span> |*|

steht bei dir im Setup-Feld.

Die Idee mit |*| (OptionSplits) geht schon in die richtige Richtung,
aber da du alles damit einpackst, sind sie wirkungslos.

Versuchs mal so :

subparts.TOPNAV.1 { 
      NO.allWrap = <span class="topnav">|</span> |*|  <span class="topnav">&nbsp;&#124;&nbsp;|</span>

So wird dein erster Menüeintrag ohne den senkrechten Strich (und das Leerzeichen davor) gewrapt,
die nachfolgenden jedoch mit.
In deiner SUBNAV ist das ja auch richtig, nur der letzte |*| ist überflüssig.

Zu 2.)
Dazu mußt du in deinem Template den aktiven Zustand definieren.
Das machst du so :

CUR.allWrap = <span class="topnav-current">|</span> |*|  <span class="topnav-current">&nbsp;&#124;&nbsp;|</span>

CUR = current = aktuelle Seite
Im Stylesheet noch "topnav-current" beschreiben und fertig.

Lade dir mal die ganz neue deutsche Typo3-Doku herunter,
da sind zB solche Sachen prima beschrieben:
http://www.typo3server.com/dokumentation.html

viele Grüße aus Schweden
jenses

be_dee ·

hi jenses
werd ich in kürze versuchen, besten dank
grüsse aus österreich, (ich glaub bei euch heisst das austria)
be_dee