Intentare resumirlo lo mejor posible, lo que quiero es:
- Fondo de 650px (centrado en la pantalla principal)
- Primer bloke de 250px situado a la izquierda
- Segundo bloke de 400px situado al lado del bloke primero.
Es decir que ambos esten juntos horizontal.
---
Ok, pues muestro como hice mi css de momento.
Código:
Y pues no se donde modificar para que aparesca ambos blokes juntos de forma horizontal.body{ padding:0; margin:20px; background:#FFF; color:#303030; } /*Ahora inserto el fondo de 650px */ #marco { width:650px; margin:auto; background-color:#FF0000; } /*El primer blokea que ira a la izquierda*/ #blokeiz{ background-color:#666666; width:250px; height:222px; } /* Ahora el bloke derecho*/ #blokedere{ margin:2px; background-color:#333333; width:400px; height:200px; }
Ahora muestro el codigo html/xhtml
Código:
Pues al probarlo, el bloke derecho me sale debajo del bloke izquierdo :( y no quiero eso.. sino que salga al lado..<div id="marco"> <div id="blokeiz"> <a href="#">bloke izquierdo</a><br /><br /> <a href="#">bloke izquierdo</a><br /><br /> <a href="#">bloke izquierdo</a><br /><br /> </div> <div id="blokedere"> <p>Hola Hola Hola Hola Hola Hola</p> <p>Hola Hola Hola Hola Hola Hola</p> <p>Hola Hola Hola Hola Hola Hola</p> <p>Hola Hola Hola Hola Hola Hola</p> <p>Hola Hola Hola Hola Hola Hola</p> </div> </div>
Que estoy haciendo mal?? me ayudan plz?
Gracias y Saludos!