Comunidad de diseño web y desarrollo en internet online

tablas en css, duda creo q basica pero q no me sale jeje

Citar            
MensajeEscrito el 30 Abr 2006 12:36 am
hola soy una novata! jeje ^^
mi duda es q toy aprendiendo con el dreamweaver y he hecho un css de una tabla y por mas q la edito con el formulario q te va poniendo el dreamweaver no qeda lo q yo qiero

Yo quiero q tenga todos los bordes pero solo de 1 px pq esos feos espacios les tengo mania!!
y si se puede ser que la 1 fila de celdas siempre tenga un fondo gris y el resto blanco, copio aqui el codigo como lo llevo, si alguien me puede ayudar a completarlo, ya que este solo me pone el color del borde pero no me pone las celdas ni filas y tb me interesa

uy creo q me enrolle explicandome :wink: tenganme paciencia!!

}.tablas01 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
font-style: normal;
LINE-HEIGHT: 100%;
background-color: #FFFFFF;
letter-spacing: normal;
text-align: left;
vertical-align: middle;
word-spacing: normal;
white-space: normal;
height: auto;
width: auto;
border: 1px solid #000000;
list-style-type: circle;
cursor: text;
font-weight: normal;
color: #000000;
text-indent: 1px;
display: inline;
margin: 1px;
font-variant: normal;
padding: 1px;
border-color: #000000;


GRACIASSSS

Por xyra

3 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 30 Abr 2006 04:41 am
Bueno, no pude leer ahorita el codigo... por que ando un poco.... fuera de mis sentidos.

Pero bueno, referente a manejar los estilos de las tablas mejor te dejo un link.

http://www.scourdesign.com/articulos/tutoriales/css/css7.php

Suerte.

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 01 May 2006 02:51 pm
el problema de las tablas y css, es que a traves de css no se pueden personalizar las propiedades cellspacing y cellpadding de la etiqueta table, tienes que modificarlo directamente desde la etiqueta ;)

<table width="200" border="0" cellspacing="0" cellpadding="0">


saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 01 May 2006 06:44 pm
Para hacer que solo una fila tenga un estilo diferente se le agregan clases.
Una clase es eso que tienes alli .tablas01 . Entonces puedes crear .tablas02 y alli ponerle que tenga un color diferente y fondo diferente.
Luego es cuestion de seleccionar la fila en dreamweaver y en el panel de propiedades elegir "estilos: tablas02". Listo.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 01 May 2006 10:49 pm
jooo pense q habria una solucion mas rapidita puesto q son mas de 70 tablasde datos de una emrpesa de maquinas jajaj en fina, gracias! tendre q ir marcando una a a una con la clase, gracias de toos modos :)

Por xyra

3 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 01 May 2006 11:10 pm
Para cambiar el color de la primera fila solamente, loq ue necesitas es usar th:

Código :

<table>
  <tr>
    <th>Titulo 1</th>
    <th>Titulo 2</th>
    <th>Titulo 3</th>
    <th>Titulo 4</th>
  </tr>
  <tr>
    <td>Dato 1</td>
    <td>Dato 2</td>
    <td>Dato 3</td>
    <td>Dato 4</td>
  </tr>
</table>


Luego en el css haces un estilo para los th y otro para los td

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 01 May 2006 11:18 pm
mhh interesante! :) gracias ahora mismito voy a probar :)

Por xyra

3 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 02 May 2006 03:31 am

xyra escribió:

jooo pense q habria una solucion mas rapidita puesto q son mas de 70 tablasde datos de una emrpesa de maquinas jajaj en fina, gracias! tendre q ir marcando una a a una con la clase, gracias de toos modos :)

En realidad, la forma existe pero IE no lo reconoce.

Código :

table tr:first-child td { background-color:#000000; }


Lo que hara es coger todas las td (celdas) dentro de la primera tr (fila) de cada tabla.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.