home Foro de soporte Ayuda para webmasters HTML avanzado
 
Tablas o divs?
#1 · ·

Hola, 
he diseñado una página web para un amigo músico, pero todo el diseño está insertado en tablas, sería mejor utilizar divs? La veradad es que me gusta como ha quedado el diseño (modestia aparte ¬¬) pero me gustaría saber más sobre enriquezer Css, hacerla más "fluida" o seprar "diseño de texto"
Esta es la web en cuestión:





Muchas gracias. 


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 13
Desde: 17/Ago/2006
· ·
#2 ·

Pues yo prefiero las Divs, me permiten cambiar todo el diseño con solo tocar el CSS(colores, fuentes y posición de las capas), usa google
pero aqui hay un enlace que te dara una idea.
http://www.desarrolloweb.com/articulos/1823.php

User 390661
@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 1.865
Desde: 14/Abr/2003
·
#3 · ·

He canviado una de mis páginas todo al sistema div/css y la verdad la sensación que me ha dado ha sido la de organización y el diseño no se ha resentido nada. Me has convencido, gracias por todo; aunque los sectores los dejo en una tabla la cual meto en una div...esto está bien? utilizo mucho el diseño mediante sectores y imágenes de substitución...

Gracias


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 13
Desde: 17/Ago/2006
· ·
#4 ·

Hola, después de aprender la respuesta a la pregunta de este topic del cual soy autor, tengo aún algunas dudas. Estoy cambiando toda mis webs a css/div's pero se basan en diseños hechos con photoshop: imágenes desfragmentadas (sectores) las cuales se utilizan como imagnes de substitución que harán de menu, email...

Mi pregunta es como aplicar a esto el concepto css/div sin renunciar a ello.
Este es un ejemplo de la solucón que yo he buscado:

BODY

<div id="menu"><table cellpadding="0" cellspacing="0"> 
<tr> 
<td><imágen 1></td> <td><imágen de susbtitución 2></td> 
</tr>
</table></div>

CSS
#menu{ height:29px; width:811px; text-align:center; margin:auto; } 
table {padding:0px; text-align:center; margin:auto; border:0} 
td {padding:0px; text-align:center; margin:auto;} 
IMG {padding:0px; display:inline-table;}

Es correcto usar así tablas?
Gracias!

Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 13
Desde: 17/Ago/2006
· ·
#5 ·
Escrito originalmente por dix-he-kun

#menu{ height:29px; width:811px; text-align:center; margin:auto; } 
table {padding:0px; text-align:center; margin:auto; border:0} 
td {padding:0px; text-align:center; margin:auto;} 
IMG {padding:0px; display:inline-table;}

Es correcto usar así tablas?
Gracias!


No es que no sea "correcto" usar tablas... sino que mucha gente prefiere no usar tablas.

Tu lo que haces es dar estilo a la tabla... pero la sigues usando.

Mira a ver si esto que hice en su día te sirve:
Diseñando sin tablas


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 30.309
Desde: 01/Mar/2003
· ·
#6 ·

Muchas gracias
He estudiado el esquema y lo he intentado aplicar:
Hoja CSS
DIV {text-align:center; margin:auto;}

div.table{ padding:0px; width:811px; overflow:auto; clear:none}
div.tr{padding:0px; width:811px; display:inline-table;}
div.td{padding:0px; width:1%; display:inline;}

BODY
<div class="table">
  <div class="tr"> 
      <div class="td"><img src="images/menu_01.gif" width="119" height="29" alt="menua"></div>
      <div class="td"><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','images/news_b.gif',1)"><img src="images/news.gif" name="news" width="70" height="29" border="0" alt="news"></a></div>
    </div>
</div>

Pero! Dreamweaver aparce todo bien , pero tanto en IE como En Mozilla paarezen las imásgens separadas algunas incluso en una segunada fila. Por que?

pd: Que diferencia hay en tre poner un capa un id y un class?

Gracias


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 13
Desde: 17/Ago/2006
· ·
#7 ·
Escrito originalmente por dix-he-kun

pd: Que diferencia hay en tre poner un capa un id y un class?

ID es un identificador, y por tanto debe ser único en toda la página... sirve para referirte a un elemento concreto y poder interactuar con el.

CLASS es el nombre de una clase, define propiedades comunes a varios elementos.


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 30.309
Desde: 01/Mar/2003
· ·
#8 ·

Y a lo referente en la aplicación de tu código css? No concisgo adivinar por que las imásgens quedan separadas, he revisado todos los padding no onsigo adivinarlo...


Usuario habitual
Usuario habitual
Haz clic para ver el perfil del usuario
Mensajes: 13
Desde: 17/Ago/2006
· ·
#9 ·

Instala la extensión web developer toolbar y usa la opción de editar el css para tratar de averiguarlo.


@man / @woman
@man / @woman
Haz clic para ver el perfil del usuario
Mensajes: 30.309
Desde: 01/Mar/2003
· ·
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · HTML avanzado
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 00:02 UTC+02:00 DST
Temas similares
No se han encontrado temas similares