Tema: Ayuda CSS con tablas o divs
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 21/06/2010, 15:00
Avatar de Nahuel2k10
Nahuel2k10
 
Fecha de Ingreso: abril-2010
Mensajes: 37
Antigüedad: 14 años
Puntos: 3
Respuesta: Ayuda CSS con tablas o divs
Código HTML: 
Ver original
  1. <head>
  2. <title>Prueba</title>
  3. <style>
  4. #fila  {
  5.     margin:0 auto;
  6.     padding:0;
  7.     width:100%;
  8.     }
  9. #columnai {
  10.     border:medium none;
  11.     float:left;
  12.     margin:0;
  13.     padding:0;
  14.     width:62%;
  15.     }
  16. p.titulo  {
  17.     color:#CC0000;
  18.     text-align:justify;
  19.     padding: 0 0 10px 0;
  20.     border-bottom: 1px #993333 solid;
  21.     border-right: 1px #993333 solid;
  22.     }
  23. #columnai.texto  {
  24.     padding: 10px 0 0 0;
  25.     text-align:justify;
  26.     border-right: 1px #993333 solid;
  27. }
  28. #columnad {
  29.     float:right;
  30.     margin:0;
  31.     padding:0;
  32.     width:35%;
  33.     }
  34. #columnad.imagen {
  35.     border-right: 1px #993333 solid;
  36.     border-top: 1px #993333 solid;
  37.     border-bottom: 1px #993333 solid;
  38.     padding: 4px;
  39.     vertical-align: middle;
  40.     text-align:center;
  41. }
  42. #wrap 
  43. {
  44.     margin:0 auto;
  45.     overflow:hidden;
  46.     width:850px;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <div id="wrap">
  52.     <div id="fila">
  53.         <div id="columnai">
  54.             <p class="titulo">Prueba</p>
  55.         </div>
  56.         <div id="columnad" class="imagen">
  57.           <img src="./img/home.png" width="300" height="300 "/>
  58.         </div>
  59.     </div>
  60.         <div id="fila">
  61.         <div id="columnai" class="texto">
  62.           <p>Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba Esto es una prueba.</p>
  63.           <br />
  64.         </div>  
  65.   </div>
  66. </div>
  67. </body>
  68. </html>

Y en este link se puede ver funcionando una prueba... la verdad que he intentado muchas cosas a lo mejor esta incluso peor que cuando empece. Bueno espero que me puedan ayudar gracias!!

http://dl.dropbox.com/u/871321/prueba.html