¿No puedo poner dos identificadores en un mismo CSS?

[jesusgox]

Buenas!

Pues os comento, en un proyectito que hago para la uni, me "obligan" a tener un identificador para dos líneas de una tabla. He probado a poner esto:

Código:

<table>
<tr>
<td><img src="../Imagenes/no_avatar.png" alt="Foto Mercedes Ruiz"/></td>
<td id="doctores"> Dra. Mercedes Ruiz Carreira 
Responsable del grupo Responsable de la línea "mejora del proceso software"</td>
</tr>
<tr>
<td> <img src="../Imagenes/no_avatar.png" alt="Foto Inma"/></td>
<td id="doctores"> Dra. Inmaculada Medina Bulo Responsable del grupo Responsable de la línea "métodos formales"</td>
</tr>

Pero en el segundo id="doctores" me da error de validación. He estado mirando las clases pero nada de nada, no lo entiendo cómo podría ponerlo...¿Me podéis hechar una mano?

Muchísimas gracias!!

[andresdzphp]

No se pueden repetir los id, deben ser únicos. Si necesitas que se repita debes usar class

[jesusgox]

Buenas!

Lo he cambiado y no me da ERROR de validación, en cambio no me surge efecto del css (cambio de color de fondo) al identificador #doctores... Vamos que no funciona en la práctica los atributos para doctores...
---------------------------------

Otra cosilla si no les importa, me da tmb un error de validación en el principio del html a cuenta del CSS.

Le he puesto:

Código:

<link rel="stylesheet" type="text/css" href="../estilos/miembros.css">

Y aunque funciona el css con html perfecto, me da error de validación, ¿Debo de cambiar algo?
Como nota puede ser que cambie algo porque contiene ese html una tabla, pero no sé qué puede fallar..

Gracias!!!

P.D: Te he dado un punto de karma ;)

[Batan]

Buenas.
Pon tu CSS para ver que problemas tienes a la hora de asignar estilos a tus class.

El error de validación que dices se deberia a que le falta la / antes de cerrar la etiqueta o linea.

<link rel="stylesheet" type="text/css" href="../estilos/miembros.css" />

Saludos

[jesusgox]

Buenas!

Batan Lo del link era cierto, me faltaba cerrarlo!!! Qué despiste!
Respecto al css es muy muy simple:

Código:

#miembros {
	background-color: #ffdc8e;
}

#doctores {
	background-color: #E4C47E;
}

#no-doctores {
	background-color: #EDCB83;
}

#becarios {
	background-color: #F6D388;
}

Gracias por echarme una manilla!!

[ZoroRoronoa]

Como es class y no id, ahora se representa con un punto
por lo que en lugar de #doctores deberias poner .doctores

Saludos.

[jesusgox]

Algo así?

Código:

<tr>
<td><img src="http://www.forosdelweb.com/f53/Imagenes/no_avatar.png" alt="Foto Mercedes Ruiz"/></td>
<td id="doctores"> Dra. Mercedes Ruiz Carreira <br />Responsable del grupo <br />Responsable de la línea "mejora del proceso software"</td>
</tr>
<tr>
<td> <img src="http://www.forosdelweb.com/f53/Imagenes/no_avatar.png" alt="Foto Inma"/></td>
<td class="doctores"> Dra. Inmaculada Medina Bulo <br />Responsable del grupo <br />Responsable de la línea "métodos formales"</td>
</tr>

¿Y luego en el CSS añado otro que sea .doctores?

Gracias nuevamente!

[andresdzphp]

Si necesitas que la misma clase se aplique a los 2 doctores colocale a los 2 class. y en el css.

Código CSS:

.doctores {
   /* todo lo que vayas a ponerle a la clase */ 
}
 

[jesusgox]

Me ha salido perfecto, me ha quedado algo así junto al código de mi anterior mensaje:

Código:

#doctores {
	text-align: left;
	background-color: #E4C47E;
}

.doctores {
	text-align: left;
	background-color: #E4C47E;
}

¿Le dáis el visto bueno?

[Batan]

Claro, en CSS existen los identificadores que en HTML se llaman mediante un id="identificador", y en CSS se definen con un # delante del identificador; #doctores{}
Ej:

Código HTML:

<div id="doctores"></div>
 

Código CSS:

#doctores{width: 20px;}
 

Y clases que se llaman mediante una class="clase", y en CSS mediante un .doctores{}
Ej:

Código HTML:

<div class="doctores"></div>
 

Código CSS:

.doctores{width: 20px;}
 

La diferencia: Los identificadores solo pueden ser utilizados una vez tanto en tu HTML como en tu CSS. Mientras que una clase la puedes usar cuantas veces quieras en los HTML pero en tu CSS una sola obviamente.

Vi que estabas un poco perdido en este asunto asi que te explique un poco rápido.
Si quieres más información busca en google.
http://www.aprende-gratis.com/css/cu...dentificadores


Saludos.

[jesusgox]

Batan ahora sí que me ha quedado claro tío =) Gracias por gastar mi tiempo enseñándome!!! =)

[andresdzphp]

Iniciado por jesusgox

Me ha salido perfecto, me ha quedado algo así junto al código de mi anterior mensaje:

Código:

#doctores {
	text-align: left;
	background-color: #E4C47E;
}

.doctores {
	text-align: left;
	background-color: #E4C47E;
}

¿Le dáis el visto bueno?

y para que usar el mismo código en id y en class. Mejor agregale a los 2 class y en el css deja:

Código CSS:

.doctores {
    text-align: left;
    background-color: #E4C47E;
}