Foros del Web » Creando para Internet » CSS »

Reemplazar tablas por divs

Estas en el tema de Reemplazar tablas por divs en el foro de CSS en Foros del Web. Hola a todos, no se si va aqui el post o en html... Bueno la cosa es que me desperte con un odio profundo hacias ...
  #1 (permalink)  
Antiguo 03/01/2008, 08:20
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 10 años
Puntos: 1
Reemplazar tablas por divs

Hola a todos, no se si va aqui el post o en html...

Bueno la cosa es que me desperte con un odio profundo hacias las tablas en el dia de hoy y ya habia echo un template basado en tablas pero lo quiero volcar todo a divs y algo eh logrado...

en el diseñador:


Código HTML:
<div style="background:url(../styles/images/bg_header.png); height:140px; width:804px;" align="center"></div>
<div style="background:url(../styles/images/bg_wrap.png); width:804px; padding-top:6px; padding-bottom:6px;" align="center" >
<div style="background:url(../styles/images/box_top.png); width:780px; height:10px;"></div>
<div style="background:url(../styles/images/box_wrap.png); width:780px; height:1px; text-align:left">
<img src="{T_THEME_PATH}/images/icon_faq.png" width="16" height="16" alt="*" /> <a href="{HREF_FAQ}">{FAQ_TEXT}</a>
<img src="{T_THEME_PATH}/images/icon_user.png" width="16" height="16" alt="*" /> <a href="{HREF_USER}">{PANEL_TEXT}</a> 
<img src="{T_THEME_PATH}/images/icon_members.png" width="16" height="16" alt="*" /> <a href="{HREF_MEMBERS}">{MEMBERS_TEXT}</a>
</div>
<div style="background:url(../styles/images/box_bottom.png); width:780px; height:10px;"></div>
</div>
<div style="background:url(../styles/images/bg_footer.png); height:7px; width:804px;" align="center"></div>

Alguien me puede ayudar o orientar?

Saludos
en el explorador:
  #2 (permalink)  
Antiguo 03/01/2008, 12:57
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Reemplazar tablas por divs

ahora la capa donde andan los textos la tendrias que alinear verticalmente, y si todos llevan la misma imagen podrias usar listas.
  #3 (permalink)  
Antiguo 03/01/2008, 13:14
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 10 años
Puntos: 1
Re: Reemplazar tablas por divs

ahap, puede ser...aun no lo pude probar....pero tambien necestito que un link se alinea a la izquierda y el resto a la derecha....eso con tablas lo hacia con dos columnas y la alineacion....se puede con los divs u otra cosa que no sean tablas?
  #4 (permalink)  
Antiguo 03/01/2008, 14:05
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Reemplazar tablas por divs

puedes hacer un div que englobe al link de la izquierda, y meterle un float eft, luego ahces un div que englobe a lso toros y hace un float right, a ver si funciona ^^
  #5 (permalink)  
Antiguo 04/01/2008, 07:14
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 10 años
Puntos: 1
Re: Reemplazar tablas por divs

El vertical align no funciona. Lo resolvi poniendole altura al div que contiene el texto :S.

La alineacion de los float funcionan perfecto.

Gracias!
  #6 (permalink)  
Antiguo 04/01/2008, 08:25
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 10 años
Puntos: 1
Re: Reemplazar tablas por divs

Estube tratando de minimizar el codigo del template y poniendo los estilos de los divs en un css. Pero luego al poner la clase en el div para que tome los valores del css no hace caso :S.

Código HTML:
<div class="navleft">
<img src="{T_THEME_PATH}/images/icon_home.png" alt="*" height="16" width="16"> <strong><a href="">Índice general</a></strong>
</div>
<div class="navright">
<img src="{T_THEME_PATH}/images/icon_faq.png" alt="*" height="16" width="16"> <a href="">FAQ</a>
<img src="{T_THEME_PATH}/images/icon_user.png" alt="*" height="16" width="16"> <a href="">Panel de Control de Usuario</a> 
<img src="{T_THEME_PATH}/images/con_members.png" alt="*" height="16" width="16"> <a href="">Miembros</a>
</div> 
Código:
navleft
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	padding-left:10px;
}

navright
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	padding-left:10px;
}
Sin embargo el css esta asignado correctamente a la pagina.

Nota: Estoy usando un sistema de templates .tpl (FastTemplate).
  #7 (permalink)  
Antiguo 04/01/2008, 08:34
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Reemplazar tablas por divs

pos un punto delante de navlef y navright ^^
  #8 (permalink)  
Antiguo 04/01/2008, 09:26
Avatar de seinkraft  
Fecha de Ingreso: diciembre-2007
Mensajes: 119
Antigüedad: 10 años
Puntos: 1
Re: Reemplazar tablas por divs

Ahhhhh! ahora si me siento como un estupido x3.

Gracias hades87.
  #9 (permalink)  
Antiguo 05/01/2008, 19:43
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Re: Reemplazar tablas por divs

de nada, si tienes mas dudas solo dilas ^^
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 17:13.