Hola hace poco empeze con el tema css y pues necesito ayuda con la organizacion de unos blokes que deseo insertar.
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:
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;
}
Y pues no se donde modificar para que aparesca ambos blokes juntos de forma horizontal.
Ahora muestro el codigo html/xhtml
Código:
<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>
Pues al probarlo, el bloke derecho me sale debajo del bloke izquierdo :( y no quiero eso.. sino que salga al lado..
Que estoy haciendo mal?? me ayudan plz?
Gracias y Saludos!