---
title: "CSS Frage"
url: "https://www.typo3.net/d/12498-css-frage"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2004-06-15"
last_reply: "2004-06-17"
replies: 13
solved: false
page: 1
pages: 1
lang: "de"
---

# CSS Frage

Allgemein · 13 Antworten · gestartet 2004-06-15

## Eröffnungsbeitrag

**toto** · 2004-06-15 · [Beitrag #1](https://www.typo3.net/d/12498-css-frage/1)

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

## Antworten

### [#2](https://www.typo3.net/d/12498-css-frage/2) · renegrass · 2004-06-15

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.

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

#navi a:link ....

#navi a:visited....
```

### [#3](https://www.typo3.net/d/12498-css-frage/3) · toto · 2004-06-15

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

### [#4](https://www.typo3.net/d/12498-css-frage/4) · maxhb · 2004-06-15

Hi!
Folgendes im Menu ergänzen:

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

Passend dazu definiertst Du Dir CSS-Klassen:

```plaintext
a.navi_no:link ...
a.navi_no:visited...
...
a.navi_act:link ...
a.navi_act:visited...
```

CU
 maxhb

### [#5](https://www.typo3.net/d/12498-css-frage/5) · phdbob · 2004-06-15

@maxhb schneller :)

oder so zb:

```typoscript
allWrap = <tr height="20"><td class="navi">|</td></tr>
```

### [#6](https://www.typo3.net/d/12498-css-frage/6) · maxhb · 2004-06-15

> **phdbob schrieb:**
>
> @maxhb schneller :)

Mit einer Minute Vorsprung über die Antwort-Linie gerettet ;)

### [#7](https://www.typo3.net/d/12498-css-frage/7) · phdbob · 2004-06-15

hehe :p

### [#8](https://www.typo3.net/d/12498-css-frage/8) · toto · 2004-06-16

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

### [#9](https://www.typo3.net/d/12498-css-frage/9) · Dander · 2004-06-16

wenn du es garnicht hinbekommst dann nimm ein gmenu

MFG

Dander

### [#10](https://www.typo3.net/d/12498-css-frage/10) · toto · 2004-06-16

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

### [#11](https://www.typo3.net/d/12498-css-frage/11) · phdbob · 2004-06-16

versuche mal meinen vorschlag...

### [#12](https://www.typo3.net/d/12498-css-frage/12) · Zinner · 2004-06-16

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

### [#13](https://www.typo3.net/d/12498-css-frage/13) · renegrass · 2004-06-17

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.

### [#14](https://www.typo3.net/d/12498-css-frage/14) · dah · 2004-06-17

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.

---

Quelle: „CSS Frage“, typo3.net, https://www.typo3.net/d/12498-css-frage
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.
