[TYPO3-german] Template: Wird die CSS von T3 verändert?

[Martin Mau]

Hi Xaver,

ich poste unten mal den relevanten Teil der CSS. Ich denke, dass  die Reihenfolge bei mir stimmen müsste. Was mich etwas verwunder ist, dass bei mir "#main..." steht und bei dir ".main...".  Wo ist denn da der unterschied?

"text-decoration: none"  stand bei link und visited drin ... muss es noch irgendwo rein? (überall?)

VG
Martin

#mainnavcontainer {width: 624px;}

#mainnavcontainer ul{
margin: 0;padding: 0;list-style-type: none;font-family: Helvetica;font-size: 12px;background-color: #3f5069;background-position: center center;}
#mainnavcontainer ul li{margin: 0;padding: 0;}

#mainnavcontainer a{
display: inline;padding-top: 3px;padding-right: 10px;padding-left: 10px;padding-bottom: 3px;margin: 0;width: 89px;background-color: #3f5069;border-bottom: 1px solid #fff;}

html>body #mainnavcontainer a {width: 89px;}

#mainnavcontainer a:link, #mainnavcontainer a:visited{color: #FFFFFF;text-decoration: none}

#mainnavcontainer a:hover{
background-color: #3f5069;color: #ffffff;white-space: normal;font-family: Helvetica;font-size: 12px;font-weight: normal;}

#mainnavcontainer a#current{
	background-color: #3f5069;}
 
> Hallo Martin
> Hatte gerade auch ein ähnliches Problem und habe von Chris folgenden 
> Tipp erhalten, der die Lösung gebracht hat:
> 
> bei den Pseudoklassen ist es auch wichtig in welcher Reihenfolge sie im 
> CSS definiert werden da manche browser auf einen "hover" link auch 
> "link" bzw. "Visited" anwenden.
> je nach dem wie der zustand des links ist.
> 
> deswegen sollte man sie immer in folgender reihenfolge definieren
> a:link {}
> a:visited {}
> a:hover {}
> a:active {}
> 
> so gibts keine probleme damit das manche definitionen sich seltsam 
> verhalten.
> 
> um untersschiedliche menüs zu stylen
> verwende gebe ich meistens der liste oder einem umgegeben div eine
> classe z.B
> <ul class="hauptmenu">
> <li><a href="...">beschreibung</a></li>
> <li><a href="...">beschreibung</a></li>
> <li><a href="...">beschreibung</a></li>
> </ul>
> 
> das css dazu sieht dann ungefähr wie folgt aus:
> 
> .hauptmenu a:link {}
> .hauptmenu a:visited {}
> .hauptmenu a:hover {}
> .hauptmenu a:active {}
> 
> so kannst du nur die links innerhalb von "hauptmenu" mit einem gewissen 
> style versehen.
> 
> gruss chris
> 
> also was ich sagen will: achte auf eine saubere Definition der 
> Pseudoklassen!
> Gruss Xaver
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-german


_______________________________________________________________________
Viren-Scan für Ihren PC! Jetzt für jeden. Sofort, online und kostenlos.
Gleich testen! http://www.pc-sicherheit.web.de/freescan/?mc=022222