Aplicar css a una sola tabla

[freestyle10]

Hola a todos, es mi primer mensaje en el foro estoy empezando a diseñar web para uso propio y la verdad tengo algunos problemas.

Quisiera plantearles una duda ¿Es posible aplicar un css a una sola tabla de mi web si que afecte a las otras?

Un saludo Gracias

[PedroRodas]

pues si, solo necesitas crear una clase y aplicarsela a esa tabla:

-ejemplo. creas la clase .tablaprincipal{estilos} y ahi pones todos los estilos que llevara esta tabla.

Luego no tienes mas que poner este codigo en la tabla a la que vas a aplicarle el estilo:

<table class="tablaprincipal">

Tambien puedes asignarle los estilos mediante el id de la tabla, y la declaracion de los estilos sera:

#(id_de_la_tabla){estilos}

De todas formas te recomiendo que leas un poco acerca del tema para que lo veas mas claro

[freestyle10]

Muchas gracias por contestar.

el código del css seria así?

Código:

.tablabonita{
table {

  border-collapse:collapse; 

  font-family:verdana, arial, sans-serif; 

  font-size:0.75em; 

  line-height:2em; 

  border:1px solid #363;

  }

td, th {

  padding:0 0.5em; 

  border-top:1px solid #ddd;

  }
}

Un saludo y gracias.

[Yaraher]

Iniciado por freestyle10

Muchas gracias por contestar.

el código del css seria así?

Código:

.tablabonita{
table {

  border-collapse:collapse; 

  font-family:verdana, arial, sans-serif; 

  font-size:0.75em; 

  line-height:2em; 

  border:1px solid #363;

  }

td, th {

  padding:0 0.5em; 

  border-top:1px solid #ddd;

  }
}

Un saludo y gracias.

CSS funciona declarando toda la ruta en cada regla, no permite anidarlas (aunque debo aceptar que sería mucho más claro así). La forma correcta sería:

Código:

table.tablebonita {

  border-collapse:collapse; 

  font-family:verdana, arial, sans-serif; 

  font-size:0.75em; 

  line-height:2em; 

  border:1px solid #363;

  }

table.tablabonita td, table.tablabonita th {

  padding:0 0.5em; 

  border-top:1px solid #ddd;

  }

¡Suerte!

[freestyle10]

Muchas gracias debe ser ese el fallo.

Si no supone molestia podría recomendarme algún documento que pueda leer a cerca de este tema.


Gracias.

[PedroRodas]

Te recomiendo el manual con el que yo empece recientemente. Aqui lo tienes

[freestyle10]

Gracias Pedro.

Un saludo

[kike2lucas]

Cómo no puedo hacerlo?

Tengo solo una tabla a la que le quiero aplicar el estilo
La misma está dentro de un div #Mainrental

el HTML es éste

Código:

	<div id="Mainrental">
	  <table class="tablerental">
        <tr>
          <td colspan="2">titulo</td>
        </tr>
        <tr>
          <td>1</td>
          <td>2</td>
        </tr>
        <tr>
          <td>3</td>
          <td>4</td>
        </tr>
        <tr>
          <td>5</td>
          <td>6</td>
        </tr>
        <tr>
          <td>7</td>
          <td>8</td>
        </tr>
      </table>
	  <p>Términos y condiciones</p>
	</div>

y éste el CSS

Código:

#Mainrental {
	position:relative;
    float: right;
	margin: 0px 0px 0px 0px;
	padding: 25px 150px 0px 0px;
	border: 1px dotted #00f; 
	}	
#Mainrental.tablerental {
	width:300;
	bgcolor:#ff0000;
	}

...y no le aplica el estilo. También he probado solo poniendo
.tablerental {...}
en el CSS y tampoco

alguien puede ver el error?

[Mikmoro]

En el segundo selector hay una colección de errores. Debe ser así:

#Mainrental .tablerental {
width: 300px;
background-color: #ff0000;
}

[kseso?]

Dos cuestiones, Kike2lucas:
--->No resucites temas antiguos para plantear consultas nuevas (pese a que aparentemente estén relacionados).
---> Creo que unas nociones básicas de css te serán de utilidad para solventar este tipo de consultas:
Pasa por www.librosweb.es baja el manual "intruduccion_css.pdf" y ojéalo, la respuesta está en las 20 primeras páginas. Si aun así no consigues dar formato a una etiqueta ('table' en tu caso) coméntalo.

Un saludo

Edito:
regresó el jefe y ya tengo el cronómetro en contra

[kike2lucas]

Gracias por el dato.
Me pondré a leer el libro. A ver si aprendo CSS. Y a ver si aprendo a usar los foros, je