¿Cómo hacer este tipo de tabla en div css? Simplemente haz esta pieza sola.
Hay dos tipos. Déjame que te los apunte.
El efecto general es el siguiente
Código
lt;titlegt;Untitled documentlt;/titlegt;
lt;style?type="text/css"gt ;
*{?margin: 0px; ?padding: 0px;}
.zt{ancho: 500px; ?float: izquierda;}
.tp{ancho: 150px; ?alto: 90px; ?flotante: izquierda;}
.bt{flotante: izquierda; ancho: ?alto: 90px;}
.xbt{ancho: 100px; ?alto: 40px; ?alto de línea: 40px;}
lt;/stylegt;lt;/headgt;
lt;bodygt;
lt;table?width="230"?border="0"?cellspacing="0"?cellpadding="0"gt; p >
lt;td?rowspan="2"gt;picturelt;/tdgt;
lt;tdgt;namelt;/tdgt;
lt;td?rowspan = "2"gt;Picturelt;/tdgt;
lt;tdgt;Namelt;/tdgt; lt;/trgt; lt;trgt;
lt;tdgt;Escuela lt;/ tdgt;
lt;tdgt;escuelalt;/tdgt; lt;/trgt; lt;trgt;
lt;td?rowspan="2"gt;Imagen lt;/tdgt ;
lt;tdgt;Namelt;/tdgt;
lt;td?rowspan="2"gt;Picturelt;/tdgt;
lt;tdgt ;Nombrelt;/tdgt;lt;/trgt;lt;trgt;
lt;tdgt;Escuela;/tdgt;
lt;tdgt; Escuelalt;/tdgt;lt;/ trgt;lt;trgt;
lt;td?rowspan="2"gt;Picturelt;/tdgt;
lt;tdgt; namelt;/tdgt;
lt;td?rowspan="2"gt;picturelt;/tdgt;
lt;tdgt;namelt;/tdgt;lt;/ trgt;lt;trgt;
lt;tdgt;escuelalt;/tdgt;
lt;tdgt;escuelalt;/tdgt;lt;/trgt;
lt;/tablegt;
lt ;div?class="zt"gt;
lt;div?class="tp"gt;picturelt;/divgt;
lt;dl?class="bt"gt ;
?lt;dd?class="xbt"gt;namelt;/ddgt;
lt ;dd?class="xbt"gt;escuelalt;/ddgt; p>
lt;
/dlgt;
lt;div?class="tp"gt;picturelt;/divgt;
lt;dl?class="bt"gt;
?lt;dd?class="xbt"gt;Nombrelt;/ddgt;
lt;dd?class="xbt"gt;Escuela;/ddgt;
lt; /dlgt;
lt;div?class="tp"gt;picturelt;/divgt;
lt;dl?class="bt"gt;
p>?lt;dd?class="xbt"gt;Nombrelt;/ddgt;
lt;dd?class="xbt"gt;Escuela;/ddgt;
lt;/dlgt;
lt;div?class="tp"gt;Picturelt;/divgt;
lt;dl?class="bt"gt ;
?lt;dd?class="xbt"gt;Namelt;/ddgt;
lt;dd?class="xbt"gt;Escuela
lt;/dlgt;
lt;div?class="tp"gt;Picturelt;/divgt;
lt;dl?class=" bt"gt;
?lt;dd?class="xbt"gt;Namelt;/ddgt;
lt;dd?class="xbt"gt;Escuela /ddgt;
lt;/dlgt;
lt;div?class="tp"gt;picturelt;/divgt;
lt;dl? class="bt"gt;
?lt;dd?class="xbt"gt;Nombrelt;/ddgt;
lt;dd?class="xbt"gt; escuelalt;/ddgt;
lt;/dlgt;lt;/divgt;
lt;/bodygt;
lt ;/htmlgt