Hjälp med att slå ihop några stilmallar

2 svar · 227 visningar · startad av oola 27 maj 2004

oolaMedlem sedan feb. 2004123 inlägg

Frågan27 maj 2004 07:27#1

Jag är verkligen dålig på stilmallar. Såhär ser det ut nu. Kan jag slå ihop alla dessa olika "ruta2" till en enda som täcker upp allt det täcker upp nu?

Det jag vill kunna göra med den är att sätta klassen "ruta2" på en <tr> och på så sätt ge alla <td> de egenskaper som "ruta2" innebär.

.ruta2 {
padding: 5px;
background: E6EAEE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	overflow:auto;
	
}

.ruta2 a:visited {font-size:10px}

.ruta2 td {
padding: 5px;
background: E6EAEE;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	overflow:auto;
	}

.ruta2 a {font-size:10px;
	color: #00008B;
	background-color : transparent;}

Jesper TMedlem sedan nov. 20017 144 inlägg

27 maj 2004 08:48#2

Så här kanske:

<style>

.mytable tr{
	padding: 5px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	overflow:auto;
}

.mytable a{
	font-size:10px;
	background-color : transparent;}

#ruta1 {
	background: blue;	
}

#ruta2 {
	background: green;
}

#ruta3 {
	background: red;	
}

#ruta1 a {
	color: white;
	 }

#ruta2 a {
	color: yellow;
	 }

#ruta3 a {
	color: blue;
	 }
</style>

<table class="mytable">
<tr id="ruta1">
<td>Ett <a href="#">Länk</a></td>
<td>Ett <a href="#">Länk</a></td>
</tr>
<tr id="ruta2">
<td>Två <a href="#">Länk</a></td>
<td>Två <a href="#">Länk</a></td>
</tr>
<tr id="ruta3">
<td>Tre <a href="#">Länk</a></td>
<td>Tre <a href="#">Länk</a></td>
</tr>
</table>

oolaMedlem sedan feb. 2004123 inlägg

27 maj 2004 09:36#3

Tack, det blev iaf lite mer struktur på det hela.