Mehrere Menüs + CSS +Unterschiedliche Linkgrößen

Hallo nochmals,

noch eine Frage bezüglich Menügestaltung: ich habe für mein Projekt eine externe CSS-Vorlage eingebunden, in der diverse Formatierungen für Links vorgenommen werden.
Nun finden sich in meinem Typo3-Projekt mehrere Navigationsebenen, wobei ich für die Nav.-Punkte der einzelnen Ebenen gerne verschiedene Schriftgrößen und -farben angeben würde? Über den linkWrap mit <span style="XXX"> funktioniert es leider nicht mehr, da er den <span>-Tag außerhalb des Links platziert, und dessen Formatierungen somit Vorrang haben:

linkWrap = <span style="font-size:#ff0000;">|<span>

wird im FE zu

<span style="font-size:#ff0000;"><a href="index.php?id=27">TEXT</a><span>

Gibt es hier eine Alternative?

hallo,

ich kapiers nicht ganz, warum nicht so:
linkwrap = <span class="ebene1">|</span>
linkwrap = <span class="ebene2">|</span>

und dann über csS:

.ebene1 a:link, .ebene1 a:visited, .ebene1 a:active {
color: #cc3300;
text-decoration: none;
}
.ebene1 a:hover {
text-decoration: underline;
}
.ebene2 a:link, .ebene2 a:visited, ebene2 a:active {....}

?

lg
georg

Ich habe das folgendermaßen gelöst:

   NO {
         doNotLinkIt = 1
         before.data = field:uid
         before.wrap = <li><a href="/index.php?id= | "><span class="">
         after.wrap = </span></a></li>

}

geht aber sicher auch einfacher 8-)

Hallo...

@just2b:

linkWrap = <span class="ebene1">|</span> wird zu

<span class="ebene1"><a href="...">Text</a></span>, was bedeutet, dass die Angaben im <span> ingonriert werden, weil das Linkelement das Innerste ist und er wiederum nach den Vorgaben für den Link aus meinem externen CSS formatiert.

@Simon:

Bringt leider bei mir aus den genannten Gründen auch keinen Erfolg.
Siehe www.dkserver.de/typolarue/ -> Wohnungssuche -> Wir über uns...
Sucht mal im Seitenquelltext nach den Navlinks für die beiden Unterpunkte yxcyxcyxc.

dann dürfte das auch nicht gehen bei mir:
egger.gosaunet.at

dass da verschiedene linkfarben hab, oder?
ok ich hab divs verwendet...

aber gleiche prinzip
.ebene1 a:link, => kannst du alle links in dem div/span ansprechen

Um ehrlich zu sein versteh ich nich wieso dir das nicht hilft?

Ich habs deinem Setup nochmal angepasst, allerdings hab ich wohl nich ganz verstanden was du erreichen willst ... poste doch vielleicht mal den html-code den du gerne hättest ...

   NO {
         doNotLinkIt = 1
         before.data = field:uid
         before.wrap = <a href="/index.php?id= | "><span style="color:#ff0000;">
         after.wrap = </span></a>

}

Also bei mir werden alle Angaben aus den <span> bzw. <div>-Tags (<div> macht noch einen Zeilenumbruch) ignoriert, weil Sie außerhalb des Links stehen, ich kann formatieren soviel ich will.
Kann man da nicht über TS irgendwie eingreifen? Oder eben erreichen, dass der <span> innerhalb des <a href> platziert wird?

boomer schrieb

Kann man da nicht über TS irgendwie eingreifen? Oder eben erreichen, dass der <span> innerhalb des <a href=""> platziert wird?

Ganz genau das macht die Config doch, die ich gepostet habe.

#paralyzed#

wenn du die links einer bestimmten ebene anders haben willst, dann macht man ein div/span herum und definiert die links für diese div/span neu...

ganz einfach
und natürlich greift das

georg

@ Simon:

Nicht ganz: aus Deinem Beispiel wird - bei mir zumindest - :

<li><a href="/index.php?id="><span class=""><a href="index.php?id=27...">Navlink</a></span></a>

Der eigentliche Navigationslink wird also wiederum innerhalb des <span> angeben. Schau mal unter www.dkserver.de/typolarue/indx.php?id=31 in den Quelltext...

@ just2b

Also ich formatiere seit etwa 4 Stunden mit <div>, <span>, verschiedenen Link-formatierungen etc. - ohne dass sich auch nur das Geringste ändert ;-)

hier ein beispiel, das funktioniert, nur schnell schnell:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<body>
<head>
<style type="text/css">
.nav4 a:link, .nav4 a:visited, .nav4 a:active {
color: red;
text-decoration: none;
}
.nav3 a:link, .nav3 a:visited, .nav3 a:active {
color: blue;
text-decoration: none;
}
</style>
</head>
<div class="nav3"> das ist ein <a href="xx">blauer link</a></div>
<div class="nav4"> das ist ein <a href="xx">roter link</a></div>

</body>
</html>

lg georg

Hallo Georg,

danke, dass Du soviel Geduld mit mir hast.
Jetzt hab ich's endlich verstanden, was Du meinst *andenkopfklatsch*.
So funktionierts natürlich.

Vielen Dank nochmal für den Support!!

boomer schrieb

*andenkopfklatsch*.

nicht wehtun, den brauchst noch 😉

boomer schrieb

Vielen Dank nochmal für den Support!!

bitte gerne!
für ein kleines danke mach ich ja fast alles 😉

lg georg

In diesem Fall gibt's sogar ein großes

<span style="font-size:172pt;">D A N K E !!</span>

boomer schrieb

<span style="font-size:172pt;">D A N K E !!</span>

:-))
du solltest nicht mit style arbeiten, sondern mit class... das kannst du wiederverwenden und um einiges leichter anpassen!

lg georg

Ja klar, mach ich normalerweise auch. Ist ja der eigentliche Sinn und Zweck von CSS-Vorlagen. Ich kenne die Zeiten noch zu gut, als man dann auf 350 Seiten in jeweils 40 <td> irgendwas an den Fonts ändern musste ;-)

boomer schrieb

Ich kenne die Zeiten noch zu gut, als man dann auf 350 Seiten in jeweils 40 <td> irgendwas an den Fonts ändern musste ;-)

textpad/dreamweaver/sonstiger guter editor und mit 1 klick in allen dateien in verzeichnis x + unterverz. getauscht

ich bin einfach zu faul :p

Jaja, globales "Search&Replace", ich weiß schon. Nur waren meistens kleine aber feine Unterschiede in den HTML-Angaben, besonders in Docs, die nicht von mir selbst waren -> <font face="..." size="-1" color="..."> und das andere <font size=-1> usw.
Whatever, gelobt sei der CSS-Erfinder - müssen wir nur noch die Browser-Hersteller dazu bewegen, sich an die Empfehlungen zu halten ;-)