Como pasar esta tabla a divs

[Joni2Back]

Hola!, estuve renegando un largo rato para convertir estas tablas a divs, ya que se me complicaba con el tema del vertical align..

Código:

<table class="total" border="1" style="height:100px;width:300px">
    <tr>
        <td class="img" style="width:48px" valign="middle">
            <img src="http://www.quirksmode.org/pix/logo_ppk.gif" width="48" height="48" />
        </td>
        <td class="txt" valign="middle">
            cxcfsfdsfdsa<br />dsadsads<br />dsadsads
        </td>
    </tr>
</table>

Alguien tiene idea com ohacerlo?

[richicasas]

Código HTML:

<div id="contenedor">
    <div id="imagen"></div>
    <div id="texto"></div>
</div>
 

Sabes de css??

Código CSS:

#contenedor{
    width:300px;
    height:100px;
}
 
#contenedor #imagen{
    width:50px;
    float:left;
}
 
#contenedor #texto{
    width:250px;
    float:left;
}
 

[kseso?]

Un poquito más semántico:

Código HTML:

<div class="mi_clase">
     <img src="ruta" alt="alt" />
     <p> texto... </p>
</div>
 

Y dependiendo de las particularidades, la imagen podría ir contenida en el párrafo.

[Joni2Back]

si, eso lo se hacer, el tema es que quede la imagen de la div "#imagen" centrada verticalmente
y el texto en la div "#texto" tambien centrado verticalmente...
la div "#contenedor" tendria que ser de un alto automatico segun la cantidad de texto!

[kseso?]

Iniciado por Joni2Back

Hola!, estuve renegando un largo rato para convertir estas tablas a divs, ya que se me complicaba con el tema del vertical align..

Alguien tiene idea com ohacerlo?

Iniciado por Joni2Back

si, eso lo se hacer, el tema es que quede la imagen de la div "#imagen" centrada verticalmente
y el texto en la div "#texto" tambien centrado verticalmente...
la div "#contenedor" tendria que ser de un alto automatico segun la cantidad de texto!

HQJ?!!
¿Pero qué está pasando?
¿Es moda o qué?
Ya no sólo no se lleva exponer con claridad y datos suficientes las consultas, es que ahora ya ni se pregunta lo que se quiere realizar.
Quiero A pero pregunto por B.
Adivinen qué.

[C2am]

Y bueno si quiere A y pregunta B el resultado no será otro que C

[jomaruro]

Hola:

¿Y no es lo que indica en la linea 13?

Saludos.