Foros del Web » Creando para Internet » CSS »

Organizar recuadros/blokes CSS

Estas en el tema de Organizar recuadros/blokes CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/08/2006, 01:21
 
Fecha de Ingreso: abril-2006
Mensajes: 56
Antigüedad: 17 años, 11 meses
Puntos: 0
Organizar recuadros/blokes CSS

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!
  #2 (permalink)  
Antiguo 13/08/2006, 01:37
Avatar de fer10  
Fecha de Ingreso: octubre-2005
Ubicación: Guadalajara - Mexico
Mensajes: 905
Antigüedad: 18 años, 6 meses
Puntos: 4
Cita:
/*El primer blokea que ira a la izquierda*/
#blokeiz{
background-color:#666666;
width:250px;
height:222px;
float:left;
}
/* Ahora el bloke derecho*/
#blokedere{
background-color:#333333;
height:200px;
}
las divs son elementos de bloque (osea que se estiran horizontalmente hasta dodne lo deja) lo que tenias que hacer era decirle que se haga flotante a la izquierda float:left; le quite el valor de width:400px; al bloque de la derecha ya que era muy grande y se bajaba, pero aun asi aun que no tenga ese parametro se estria por se elemento en bloque.
=)
__________________
Saludos
FT.
www.fernando.com.mx
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:18.