Ver Mensaje Individual
  #1 (permalink)  
Antiguo 13/07/2017, 14:04
Avatar de emilio_viguri
emilio_viguri
 
Fecha de Ingreso: junio-2011
Ubicación: Mexico
Mensajes: 116
Antigüedad: 12 años, 10 meses
Puntos: 3
Información Maquetar esto de HTML a CSS

Hola trato de hacer esto en CSS, me ayudarina hacerlo con HTML5 y CSS , echo varios intentos pero no se que hago mal, para acomodar las cosas entoces pues para muchos es algo basico pero pues quiero ver como lo hace alguien que sabe maquetar bien.
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>SOS</title>
  5. </head>
  6.  
  7. <table width="90%" border="1" align="center">
  8.   <tr>
  9.     <td>Logotipo</td>
  10.     <td colspan="2">Menu como lo tines en http://www.falconmasters.com/</td>
  11.   </tr>
  12.   <tr>
  13.     <td colspan="3"><table width="100%" border="1">
  14.       <tr>
  15.         <td>Aqui me gustaria poner una imange e inofrmacion a un cotado </td>
  16.         <td><table width="200" border="0">
  17.           <tr>
  18.             <td><img src="http://www.falconmasters.com/wp-content/themes/falconmasters-v2/images/logo.jpg" width="50" height="50" /></td>
  19.             <td>Texto que va en la imagen </td>
  20.           </tr>
  21.         </table></td>
  22.         <td>Esto lo voy a poner en todo igual como una tabla las mediadas pues no las e establecido por que estoy aprendiedo</td>
  23.       </tr>
  24.       <tr>
  25.         <td>#4</td>
  26.         <td>#5</td>
  27.         <td>#6</td>
  28.       </tr>
  29.       <tr>
  30.         <td>#7</td>
  31.         <td>#8</td>
  32.         <td>etc...</td>
  33.       </tr>
  34.     </table></td>
  35.   </tr>
  36.   <tr>
  37.     <td colspan="3">Pie de paguina</td>
  38.   </tr>
  39. </body>
  40. </html>
__________________
Ing. Emilio Viguri de NEXCEN Visitamos en lo que podamos ayudarte.