CSS Klassen bilden: .navtab->a (HTML, CSS und Javascript)

[thread]2149[/thread]

CSS Klassen bilden: .navtab->a

pktm

2003-09-27 12:29

User since
2003-08-07
2921 Artikel
BenutzerIn

Hallo!
Ich habe eine Webseite, in der ich eine Tabellen-Zeile mittels class="navtab" formatiert wird.
In dieser Zeile befinden sich jetzt Links.
Kann ich das mit css so machen, dass ich eine Klasse a.navtab oder a.navtab bilde, mittels derer ich die Links innerhalb der navtab formatieren kann oder muss ich jedem Link einer extra-Klasse zuordnen?
mfg pktm

http://www.intergastro-service.de (mein erstes CMS :) )

macMeck

2003-09-27 13:34

User since
2003-08-04
162 Artikel
BenutzerIn
[default_avatar]

Ja, das geht. Allerdings funktioniert es nicht so, wie man das beim ersten Versuch intuitiv machen würde.
Wenn du ne CSS so definierst:

Code: (dl )

.navtab {
	color: #00CC00;
}
a.navtab {
	text-decoration: none;
	color: #0000CC;
}
a {
	color: #CC0000;
}

musst du auch deinem Link die Klasse navtab zuweisen <a class="navtab"...>

Wenn du alle Links, die untern einem navtab-Element stehen so formatieren willst, soltest du

Code: (dl )

.navtab {
	color: #00CC00;
}
.navtab a {
	text-decoration: none;
	color: #0000CC;
}
a {
	color: #CC0000;
}

benutzen. Dann funktioniert es so, wie du es glaube ich gerne haben möchtest.
Siehe auch SelfHTML

HTH

macMeck

It all works, as long as it's documented!

format_c

2003-09-27 15:32

User since
2003-08-04
1706 Artikel
HausmeisterIn

Also ich wÃ¼rde das getrennt machen.
Immer Klassen explizit dafÃ¼r anlegen wofÃ¼r man sie auch verwenden will.
So schleichen sich weniger unerklÃ¤rliche Fehler ein und man gerÃ¤t nicht so schnell in Namensnot.

Code: (dl )

a	  { color : #37496D; }
a:link    { color : #37496D; text-decoration : none; }
a:visited { color : #37496D; text-decoration : none; }
a:hover	  { color : #37496D; text-decoration : underline; }
a:active  { color : ò¢°ª text-decoration : underline; }

/* Links der Klasse test */
a.test	       { color : � }
a.test:link    { color : � text-decoration : none; }
a.test:visited { color : � text-decoration : none; }
a.test:hover   { color : àµ‡ text-decoration : underline; }
a.test:active  { color : #ffe080; text-decoration : underline; }

/*Standardschrift des Bodies*/
body     {fontsize: 12px; font-family: arial,helvecita; font-color: ñ‘˜• font-weight: normal;}

/*Standard Style fÃ¼r Tabellen */
table, tr, td    {font-size: 13px;....}

/*Style fÃ¼r eine spezielle Tablellenzeil Zeile*/
tr.test     {font-size: 12px;....}

/*Style fÃ¼r einen InputField */
input.test  {color: � background:'images/image.gif';}

So ungefÃ¤hr tÃ¤t ich einen Stylesheet aufbauen.

GruÃ Alex

Effizente Linuxshell

View all threads created 2003-09-27 12:29.