CSS datei verändern

[Nurgle]

Hallo Gemeinde,

Also ich hab Folgendes Problem:

Ich habe eine CSS datei für meine Navigation die so aussieht:

td a		{
	display: block;
	height:21px;
	background-color:#D6DBE7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	line-height: 21px;
	padding-left: 10 px;
 		}

td a:hover	{ 	display: block; 

	height:21px;
			background-color:#A5B2BD;
				border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;
	color: #000000;
	padding-left: 10px;
	 	}

So nun wird ja jeder Link so in der Form. Wie müsste ich jetzt die CSS datei verändern das ich es nur bestimmten Tabellen zuordnen kann mit class="gemurkse"

Bitte helft mir danke im Vorraus schon einmal

 

[Gumbo]

Ich möchte dir zwar nichts unterstellen, aber hast du schon nach entsprechenden Informationen gesucht? Allein zu den Stichwörtern css class spuckt Google haufenweise hilfreiche Bezugsquellen aus.

 

[Nurgle]

Ich möchte dir zwar nichts unterstellen, aber hast du schon nach entsprechenden Informationen gesucht? Allein zu den Stichwörtern css class spuckt Google haufenweise hilfreiche Bezugsquellen aus.

ja hab ich aber ich hab mich auch schon selber daran versucht aber ich bekomme dieses Rollover nicht hinn

 

[Budman]

Hallo!

Einfach den Links eine eigene Klasse zuweisen, nicht den Tabellenzellen. Dann kannst Du das auch außerhalb der Tabelle evtl verwenden.

Im Stylesheet:

a.navigation:hover {...}

und im HTML:

<a href="#" class="navigation">...</a>

Gruss

 

[Nurgle]

Könnte ich es dann so machen?

a.navigation:hover {
td a		{
	display: block;
	height:21px;
	background-color:#D6DBE7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000000;
	line-height: 21px;
	padding-left: 10 px;
 		}

td a:hover	{ 	display: block; 

	height:21px;
			background-color:#A5B2BD;
				border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: bold;
	color: #000000;
	padding-left: 10px;
	 	}
}

 

[mgh]

wenn du einem Link einen CSS zuordnen willst, brauchst du dass nicht über eine tabelle zu machen (td,tr) sondern du ordnest deinem link <a></a> eine Klasse zu.

Das sieht dann in etwa so aus:

<a href="#" class="navigation">...</a>
<a href="#" class="email">...</a>

die Css Datei sieht dann so aus:

a.navigation { ... }
a.navigation:visited { ... }
a.navigation:hover { ... }
a.email {...}
a.emai:visitedl {...}
a.email:hover {...}