HTML - Cómo hacer para que el tr no se incluya en mi clase de CSS

 
Vista:
Imágen de perfil de ermitoba

Cómo hacer para que el tr no se incluya en mi clase de CSS

Publicado por ermitoba (5 intervenciones) el 14/07/2017 00:51:55
Buenas, soy bastante novato en el tema de programación, es por eso que recurro a vuestra ayuda.
He creado dos tablas, y las quiero una a cada lado de la pantalla. Hasta ahí bien (usando align) pero mi duda realmente es que, en una de las tablas, he usado el <tr> como una especie de "título" y a dicha tabla le he asignado una clase para que le cambie el color de fondo, el caso es que se cambia incluso el título.
Realmente quería saber que tengo que hacer para dejar el título sin color de fondo, pero que el resto de la tabla conserve dicho efecto.
Gracias de antemano, adjunto imagen y parte del código a continuación:

3321321 (con título vengo a referirme a la palabra: "DERECHAS"

*CÓDIGO HTML*
1
2
3
4
5
6
7
8
9
10
<div id="fachas">
	<table border=1>
		<tr>DERECHAS
			<td>José María Aznar (1996-2004)</td>
		</tr>
		<tr>
			<td>Mariano Rajoy (2011-Actualidad)</td>
		</tr>
	</table>
</div>
*CÓDIGO CSS*
1
2
3
4
#fachas{
background-color: cyan;
float: right;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 1.144
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Cómo hacer para que el tr no se incluya en mi clase de CSS

Publicado por xve (1543 intervenciones) el 14/07/2017 08:12:21
Hola ermitoba, teóricamente tienes el código erróneo, ya que no puedes poner un texto dentro de un <tr> unicamente...

Si lo que quieres es ponerlo fuera de la tabla, ponlo fuera sin problema... algo así:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="fachas">
        <div class='title'>DERECHAS</div>
	<table border=1>
		<tr>
			<td>José María Aznar (1996-2004)</td>
		</tr>
		<tr>
			<td>Mariano Rajoy (2011-Actualidad)</td>
		</tr>
	</table>
</div>
<style>
.title {background-color: cyan;}
</style>

o lo puedes poner como titulo de la columna

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="fachas">
	<table border=1>
		<tr>
			<th>DERECHAS</th>
		</tr>
		<tr>
			<td>José María Aznar (1996-2004)</td>
		</tr>
		<tr>
			<td>Mariano Rajoy (2011-Actualidad)</td>
		</tr>
	</table>
</div>
<style>
th {background-color: cyan;}
</style>

Espero que te sirva
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar