Foros del Web » Creando para Internet » CSS »

Modificacion en tabla

Estas en el tema de Modificacion en tabla en el foro de CSS en Foros del Web. Buenas a todos, No ando bien en css, de hecho unicamente tengo los conocmientos minimos. Bueno, al grano. Tengo una tabla normal y corriente que ...
  #1 (permalink)  
Antiguo 31/03/2009, 12:36
Avatar de OsSk4R  
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 11 años, 1 mes
Puntos: 74
Modificacion en tabla

Buenas a todos,
No ando bien en css, de hecho unicamente tengo los conocmientos minimos.

Bueno, al grano. Tengo una tabla normal y corriente que dentro de ella añado unos resultados... El problema es que quiero "modernizar" (por llamarlo de alguna manera) la tabla.
Actualmente esta es mi tabla:
estilo:
Código:
.lol {
border: 1px solid #CCC;
background-color: #F7FBFF;
font-family: Verdana;
font-size: 11px;
color: #666;
}
tabla:
Código lola:
Ver original
  1. <table width='492'  cellpadding='0' cellspacing='0' border='0'  align='center' class='lol'>
  2.         <tr>
  3.         <td bgcolor='#cfdbe3'><img src='images/iconos/33.png' style='float:left'><b>Titulo:</b> $row_sql[titulo]</td><td bgcolor='#cfdbe3'><a href='#'><font face='verdana' color='#4180C6'><img src='images/iconos/warning.png' border='0' title='Click si hay algún problema con la película'></a></td></tr>
  4.         <tr>
  5.                 <td>
  6. <img src='$row_sql[userfile]' style='float:left'></img><p align='right'>Idioma: <img src='images/banderitas/spain.gif'></p>Sinopsis: $row_sql[sinopsis]<br><br>
  7. Fecha salida: $row_sql[fecha_salida] Ver: <a href='$row_sql[enlace]'><img src='images/iconos/play.png' border='0'></a> Subido by: $row_sql[nickmiem]<br><br> Idioma: $row_sql[nombre_idioma] ¿Enlace roto?</td>
  8. <tr>
  9. <td bgcolor='#cfdbe3'>Subida por <b><i>$row_sql[nickmiem]</i></b> </td><td bgcolor='#cfdbe3'><a href='ver_entera/$row_sql[id]/$row_sql[id_g_p]/$row_sql[fecha]'><font face='verdana' color='#4180C6'><img src='images/iconos/siguiente.png' border='0'></a></td></tr>
  10. <br>
  11. </table>

Si lo comprueban veran que es una tabla normal y corriente. Yo lo que quieor hacer es algo asi:


Donde las partes en rojo son lo que quiero añadir a mi actual tabla. No se como hacerlo, creo que es facil, pero no tengo ni idea. He probado añadirle unas cuantas etiqueras <td> por si acaso, pero que va, se me queda todo...

Muchas gracias de antemano,
  #2 (permalink)  
Antiguo 01/04/2009, 07:51
 
Fecha de Ingreso: marzo-2009
Mensajes: 171
Antigüedad: 8 años, 8 meses
Puntos: 4
Respuesta: Modificacion en tabla

<style type="text/css">
table.principal{width:300px;}
table.secundaria{width:100%;border:1px solid #666;}
div.cajarright{
width:100px;
background-color:#ca0000;
}
</style>
<table class="principal" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="right">
<div class="cajarright">&nbsp;</div>
</td>
</tr>
<tr>
<td>
<table class="secundaria" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
lo que sea
</td>
</tr>
<tr>
<td>
lo que sea
</td>
</tr>
<tr>
<td>
lo que sea
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div class="cajarright">&nbsp;</div>
</td>
</tr>
</table>
  #3 (permalink)  
Antiguo 05/04/2009, 10:12
Avatar de OsSk4R  
Fecha de Ingreso: octubre-2006
Ubicación: $this->home
Mensajes: 824
Antigüedad: 11 años, 1 mes
Puntos: 74
Respuesta: Modificacion en tabla

Muchas gracias, es lo que buscaba, me ha servido :)

Saludos,

PD: Voy a empezar a leer sobre css, porque asi no puedo seguir -.-
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:30.