Zum Inhalt springen

CSS Frage

Erstellt am 15. Juni 2004 · 13 Antworten · letzte Antwort am 17. Juni 2004

Tags: Frage

toto ·

hallo zusammen,

seh ich das richtig, das typo3 keine CSS Auswahl kennt?

mein Problem ist folgendes:

ich hab 2 Link Farben
1 für Menu
2 für alle Links auf der Site

aber es ist sehr mühsam wenn ich bei jedem Link in den HTML Code muss und manuell die Linkklasse angeben muss...

gibts ne bessere Lösung für mich?
danke
toto

renegrass ·

HI,

das löst man auch anders.

Die allgemeinen Links werden einfach mit

a:link

a:visited

....

formatiert

Die Navigation wird mit einer Klasse oder ID versehen und gezielt angesprochen und formatiert. Sie überschreiben die Farbwerte die bei den "allgemeinen" Links gesetzt wurden.

z.b.

<div id="navi">
Navigation
</div>

#navi a:link ....

#navi a:visited....
toto ·

hi Rene,

danke aber irgendwie läufts einfach nicht bei mir...

das ist mein Menu

#Menu 0 Objekt
lib.menu_0 = HMENU

#Menu 1 Level
lib.menu_0.1 = TMENU
lib.menu_0.1 {
NO.allWrap = <td>&nbsp; | &nbsp;</td>
NO.stdWrap.htmlSpecialChars = 1

ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <td>&nbsp; | &nbsp;</td>
}

wie pass ich dann das vom css z.b. nav
in das Menu ein???

danke

toto

maxhb ·

Hi!
Folgendes im Menu ergänzen:

NO.atagparams = class="navi_no"
ACT.atagparams = class="navi_act"

Passend dazu definiertst Du Dir CSS-Klassen:

a.navi_no:link ...
a.navi_no:visited...
...
a.navi_act:link ...
a.navi_act:visited...

CU
maxhb

maxhb ·
phdbob schrieb

@maxhb schneller 🙂

Mit einer Minute Vorsprung über die Antwort-Linie gerettet 😉

toto ·

hallo zusammen,
danke für eure Hilfe, ich hab das wie von euch beschrieben gemacht... aber hab leider keine Änderung...

hab ich irgendwo einen Fehler drin?
er nimmt mir immer das a leer statt a.nav....

CSS File:
a {font-weight: bold; text-decoration:none; font-family:Verdana, Arial, Helvetica; font-size:8pt}

a.nav_no:link { color:#ffffff}
a.nav_no:visited { color:#ffffff}
a.nav_no:hover { color:#CC0000}

a.nav_act:link { color:#ffffff}
a.nav_act:visited { color:#ffffff}
a.nav_act:hover { color:#CC0000}

a:link { color:#CC0000}
a:visited { color:#CC0000}
a:hover { color:#336699}

das Menu ist so:
#Menu 0 Objekt
lib.menu_0 = HMENU
lib.menu_0.entryLevel = 0
#Menu 1 Level
lib.menu_0.1 = TMENU
lib.menu_0.1 {

NO.allWrap = <td>&nbsp; | &nbsp;</td>
NO.stdWrap.htmlSpecialChars = 1
NO.atagparams = class="nav_no"

ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <td>&nbsp; | &nbsp;</td>
ACT.atagparams = class="nav_act"

}

#Menu 2 Level
lib.menu_0.2 = TMENU
lib.menu_0.2 {

NO.allWrap = <td>&nbsp; | &nbsp;</td>
NO.stdWrap.htmlSpecialChars = 1
NO.atagparams = class="nav_no"

ACT = 1
ACT.stdWrap.htmlSpecialChars = 1
ACT.allWrap = <td>&nbsp; | &nbsp;</td>
ACT.atagparams = class="nav_act"

}

besten Dank.
toto

toto ·

hi,

weisst du das kann ich nicht... bin noch newbie und das mit em gmenu versteh ich eben nicht... zudem ists glaub ich auf meinem Server nicht drauf das gifbuilder...

toto

Zinner ·

mein vorschlag wäre ein CSS buch zu kaufen, dann würden sich alle deine fragen von alleine klären 🙂

renegrass ·

Prinzipielles zu CSS:

Man sollte IMMER alle 4 Zustände des Links formatieren und zwar in folgender Reihenfolge:

a:link

a:visited

a:hover

a:active

Soweit ich verstanden hatte wolltest du deine Links im Fließtext anders formatieren als deine Links im Menü.

Sollte das zutreffen brauchst du den Links der Navigation keine Klassen zuweisen.

Sondern wie schon beschrieben einen Wrap um die Links der Navigation machen und über diesen Wrap die Links formatieren.

Wrap

<div id="navi">|</div>

Endergebnis
<div id="navi"><a href="#">Link</a></div>

CSS:

#navi a:link {

}

#navi a:visited {

}

#navi a:hover {

}

#navi a:active {

}

Wenn du CSS verwenden willst solltest du mal auf de.selfhtml.org gucken.

dah ·

hi, so wie renegrass es beschrieben hat sollte es funktionieren :-)

für CSS empfehle ich aber www.css4you.de
IMHO übersichtlicher und besser erklärt.