Tablas con CSS

hector_he · #1 (**permalink**) 29/08/2006, 19:59

Hola, sintiendolo mucho, sigo con le mismo tema. Ahora hago estoy vambiando todas mis webs al css que verdaderamente ofrece más oraganización y comodidad, pero muchas imásgne en sectores las dejo en tablas y estas las inserto en una div y creo que esto no es muy correcto. Hay alguna mabera de hacer esto con css (aunque renuncie a los spacegifs) pero que los sectores se mantegan juntos?

Muchísimas gracias

seoista · #2 (**permalink**) 30/08/2006, 00:02

Hola hector_he

¿Algo así? :

Cita:

<html>
<head>
<title></title>
<style type="text/css">

</style>
</head>
<body>
<table class="tablax">
<tr><td class="tablax">texto 1</td><td class="tablax">texto 3</td></tr>
<tr><td class="tablax">texto 2</td><td class="tablax">texto 4</td></tr>
</table>
</body>
</html>

Suerte

Saludos

gazpachoymochil · #3 (**permalink**) 30/08/2006, 07:21

Hola, pues realmente no es que sea pecado utilizar tablas y CSS, ya que es CSS el encargado de maquetar la página web y no la estructura "tabla". Para incluir imágenes en tu web sólo has de utilizar listas (ordenadas o desordenadas, como quieras). En cada <li> pones una imagen y... espera, creo qeu con un ejemplo mejor.

código HTML:

Código:

<ul>
    <li>Imagen 1</li>
    <li>Imagen 2</li>
    <li>Imagen 3</li>
    <li>Imagen 4</li>
</ul>

Parte del código CSS:

Código:

#ul li {
    display: inline;
    float: left;
}

De esta forma haces que las imagenes se posicionen de forma horizontal en una línea mientras quepan. Si superan el máximo ancho del "contenedor" donde se encuentran pasarán a posicionarse en la siguiente línea.

No sé si es eso a lo que refieres...

Rafael · #4 (**permalink**) 31/08/2006, 00:49

Hum, creo que debes exigirle más al css.
Las tablas se usaban para segmentar una imagen principalmente cuando tenías zonas sensibles en tu imagen, como botones y cosas así.

Con css pones una imagen completa y después arriba puedes poner los botones y zonas sensibles. ¿No te funcionará así?

hector_he · #5 (**permalink**) 31/08/2006, 18:30

Hola, la idea és que el diseño se basa en imágenes segmanetadas (sectores) algunas de las cuales (la mayoría) son imágens de substitución que funcionan como menu y para enviar email. Mi problema es que al transformar toda la págian en css/div, estas imágens segmanetadas las he de colocar dentro de una tabla y eta dentro de una div, esto es correcto? después gracias a las personas que han respondido este post (gracias seoista y gazpachoymochil (me encata tu nick!) he aplicado css a la tabla de tal manera que queda así:

BODY

Código:

<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

Código:

#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;}

No se si el uso de Css esta bien aplicado, o devería quitar las tablas, la idea es no renunciar al menú en forma de imágen en substitución (con Css lo ideal es un menu con texto).

Gracias

baccxus · #6 (**permalink**) 31/08/2006, 18:47

Mira que para sustituciones en enlaces (links) por lo general se usa hover. ej:

<a href="paondevas.html" class="sutituye">Pa onde vas!</a>

.sustituye a{
evento sin el mouse}

.sustituye a:hover{
evento con el mouse encima}

esto es en un link, pero puedes probar a hacerlo con listas desordenadas y a cambiar el fondo de la lista desordenada, también puedes hacer un posicionamiento absoluto y usar javascript para el cambio y muchas cosas más, sería bueno ver un ejemplo de lo que estás haciendo y poder darte un mejor aporte.

Saludos