Tabla + css

[jufez]

Hola amigos.

Apenas estoy empezando a aprender css y me gustaría saber como le pongo este estilo css

http://www.muffinresearch.co.uk/lab/...how/muffin.css


a esta tabla

<style type="text/css">
<!--.Estilo3 {color: #FFFFFF; font-weight: bold; }--></style>

<div style="overflow: auto; width: 5500px; height: 1500px;">
<table width="800" border="1">
<tr>
<td bgcolor="#669933"><span class="Estilo3">PAGARE</span></td>
<td bgcolor="#669933"><span class="Estilo3">CEDULA</span></td>
<td width="1000" bgcolor="#669933"><span class="Estilo3">NOMBRE</span></td>
<td bgcolor="#669933"><span class="Estilo3">JUZGADO</span></td>
<td bgcolor="#669933"><span class="Estilo3">RADICADO</span></td>
<td bgcolor="#669933"><span class="Estilo3">ESTADO DEL PROCESO</span></td>
<td bgcolor="#669933"><span class="Estilo3">PROXIMA ACTUACION</span></td>
<td bgcolor="#669933"><span class="Estilo3">MEDIDA</span></td>
</tr>



_____


He intentado hacerlo sin éxito y recurro a su sabiduría porque ya no se como hacerlo.

Muchas gracias de antemano por cualquier ayuda prestada.

[emprear]

Estás queriendo cruzar un caballo con un pulpo,...
Si ese css que mencionas no se relaciona con la estructura de tu tabla.
Por que no mejor hacer un css que se ajuste a la misma ?
Y viendo lo que has hecho, mi mejor recomendación

http://librosweb.es/css/index.html
http://librosweb.es/xhtml/index.html



Saludos

[jufez]

se que quieres ayudar pero mandarme a estudiar css no es una ayuda, se que hay miles de manuales de css en la web y que debo estudiar el tema pero preguntaba sobre como incluirle el css a esa tabla en particular. Tu ayuda es bien intencionada pero es como si alguien preguntara sobre php y le dijeran: tienes que irte a leer un libro de php..

[emprear]

Si te mando a estudiar, es por tu bien,
Porque el hecho de que quieras aplicar un css que contiene

Código CSS:

thead th,
tbody th
{
    background            : #FFF url(th_bck.gif) repeat-x;
  color                 : #666;  
    padding               : 5px 10px;
  border-left           : 1px solid #CCC;
}
tbody th
{
  background            : #fafafb;
  border-top            : 1px solid #CCC;
  text-align            : left;
  font-weight           : normal;
}
tbody tr td
{
    padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(tr_bck.gif) repeat;
}
 
tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
    padding               : 4px;
  background            : #FFF url(foot_bck.gif) repeat;
  color                 : #666;
}
 

a una tabla que tiene

Código HTML:

<table width="800" border="1">
 <tr>
 <td bgcolor="#669933"><span class="Estilo3">PAGARE</span></td>
 <td bgcolor="#669933"><span class="Estilo3">CEDULA</span></td>
 <td width="1000" bgcolor="#669933"><span class="Estilo3">NOMBRE</span></td>
 <td bgcolor="#669933"><span class="Estilo3">JUZGADO</span></td>
 <td bgcolor="#669933"><span class="Estilo3">RADICADO</span></td>
 <td bgcolor="#669933"><span class="Estilo3">ESTADO DEL PROCESO</span></td>
 <td bgcolor="#669933"><span class="Estilo3">PROXIMA ACTUACION</span></td>
 <td bgcolor="#669933"><span class="Estilo3">MEDIDA</span></td>
 </tr>
 

Denota que no tenés la menor idea de que es un selector en css, entre otras cosas.

Apenas estoy empezando a aprender css

Leiste algo además del título del manual/tutorial ?

Si hubiese un poco más de coherencia en tu código html, seguramente intentaría ayudarte, pero como están expuestas las cosas, el ayudarte implicaría hacerte el trabajo desde cero.
Pero no te aflijas, yo tengo muy mala voluntad, y nunca he ayudado a nadie en el foro, seguramente algún otro usuario, más predispuesto, va a solucionarte el problema.

[kseso?]

Pese a su rechazo, suscribo y reitero la recomendación de Emprear.
Al foro sí se puede venir a aprender, pero nadie tiene la obligación de venir a enseñar, y mucho menos a hacer códigos a la medida.

?Quiere saber cómo aplicar un css ageno a un html propio?
Léase los tutoriales indicados para aprender la palabra mágica: concordancia entre los nombres de los selectores y el valor del atributo identificativo (class/id
) o la propia etiqueta.
Sin olvidar el correcto etiquetado.

Ve como no era tan difícil si en vez de protestar por la respuesta hubiese seguido lo sugerido.

[jufez]

edit............

[DanielRGB]

Por 50€ te paso el código CSS y el HTML de la tabla ;) ... es broma

Lo suyo es que mires otras webs, que te fijes como lo hacen, que estilos usan, que código, luego lo copias y lo pegas en un html vacio, experimentas con el, aprendes su estructura, su lógica.... y trabaja sobre ese código.

Dirás, jó me he copiado.... pero para la próxima tabla, serás capaz de escribirla desde 0.

Nadie nace sabiendo

[jufez]

Ya aprendí a hacerlo en realidad es sencillo.

Muchas gracias a todos por la ayuda prestada.

[emprear]

Iniciado por DanielRGB

Nadie nace sabiendo

Exactamente, por eso para saber, nos dedicamos a estudiar

http://librosweb.es/css/index.html
http://librosweb.es/xhtml/index.html

que es lo que indiqué desde un principio