Mischa: CSS Code vereinfachen, zusammenfassen, verkleinern

Beitrag lesen

SELF-Forum

CSS Code vereinfachen, zusammenfassen, verkleinern

Mischa
– Informationen zu den Bewertungsregeln

Ich habe eine Tabelle die ich mit CSS formatiere, soweit OK, nun möchte ich den CSS Code vereinfach, zusammenfassen bzw. verkleinern so das der CSS Teil einfach kleienr wird. Vielleicht kann mir jemand dabei etwas helfen

[code lang=css]  
  
  
<html>  
<head>  
	<title>test</title>  
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />  
<style type="text/css">  
  
	  
.red_top10  
{  
	border: 1px solid #08064D;  
	width:250px;  
	  
}	  
  
.red_top10_titel_links  
{  
	padding:2px;  
	font-size: 12px;  
	font-weight: bold;  
	background:#08064D;color:#fff;  
	text-align:center;  
}  
  
.red_top10_titel_rechts  
{  
	padding:2px;  
	font-size: 12px;  
	font-weight: bold;  
	background:#08064D;color:#fff;  
	text-align:left;  
}  
  
.red_top10_content  
{  
	padding:2px;  
	font-size: 12px;  
	font-weight: bold;  
	border-top: 1px solid #08064D;  
	border-right: 1px solid #08064D;  
	width:30px;  
	text-align:center;  
}	  
  
.red_top10_content_text  
{  
	padding:2px;  
	font-size: 12px;  
	border-top: 1px solid #08064D;  
}	  
  
  
</style>	  
	  
</head>  
<body>  
		  
<table class="red_top10" cellspacing=0 cellpadding=0>  
<tr>  
	<th class="red_top10_titel_links">Nr</th>  
	<th class="red_top10_titel_rechts">Titel</th>  
</tr>  
  
<tr>  
	<td class="red_top10_content">1</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">2</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">3</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">4</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">5</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">6</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">7</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">8</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">9</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
  
<tr>  
	<td class="red_top10_content">10</td>  
	<td class="red_top10_content_text">Inhalt bzw. Content der Tabelle</td>  
</tr>  
</table>  
  
</body>  
</html>  
  
  
  
  

~~~[/code]
Beitrag melden
–
Informationen zu den Bewertungsregeln