Cree 2 bloques pero me quedan uno abajo del otro

[mirza]

Cree 2 bloques nuevos, pero me quedan uno abajo del otro, como se puede hacer para ponerlos uno al lado del otro :)

la web, los bloques estan abajo, uno dice mercados, el otro es una imagen y otro noticias
http://198.15.85.119/~otto/

este es mi style.css

Código:

/********************************************/

/***********************Content Region*************************/
#main-wrapper #main { margin:0 auto; overflow:hidden;}
.content-wrap { width:100%; overflow:hidden; padding-bottom:30px;}

/*Node heading*/
.front #content h1.title { display:none;}
#content h1.title { font-size:24px; letter-spacing:-1px;}
.node h2 {
	color:#d93f09;
	font-size:20px;
	line-height:normal;
	padding:0px;
}
	.node h2 a{
		color:#34342e;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		text-transform:none;
		-webkit-transition:color .3s ease-out; 
		-moz-transition:color .3s ease-out;
		}
	.node h2 a:hover{ color:#ff5115;}

article.node { padding-bottom:50px;}

/*Author & date information*/
p.submitted {
	font-size:11px;
	margin:0px 0 23px;
	display:none;
}
.submitted, p.submitted span {
	color:#b2b3a4;
	font-size:11px;
}
	.submitted a {
		color:#b2b3a4;
		font-size:11px !important;
		text-decoration:none;
	}
/**/

article.node .content { border-bottom:1px solid #d6d9c6; width:100%; overflow:hidden; padding-bottom:15px;}

article.node footer {
	padding-top:30px;
}

[MarioAraque]

Esto tiene que ver mas con CSS que con Drupal ¬¬

Tenes 2 bloques hechos con <section> y uno con <div>, deberias hacerlos flotar a la izquierda, tenes estos ids:

block-block-12
block-block-9
block-views-latest-news-block

ponele a cada uno de ellos float: left y luego acomoda sus margenes...no es dificil.

Saludos.

[NUCKLEAR]

Eso no tiene nada que ver con Drupal, no lo muevo, por que estoy seguro vas a crear el tema de nuevo, asi que te paso un poco de info.

Primero, el css que ponés no tiene nada que ver... Usa alguna herramienta de inspección para saber donde esta ubicado los estilos y cuales necesitas sobre escribir, Firebug, Opera dragonFly, Chrome developer, etc...

Código CSS:

section.block { 
float: left;
margin-bottom: 10px;
padding-bottom: 15px;
}
 

Lee: http://www.librosweb.es/
Lee: http://www.librosweb.es/css/capitulo4.html
Lee: http://www.sindominio.net/ayuda/preg...eligentes.html

[mirza]

entiendo, estoy utilizando la herramienta crome development pero no la entiendo
nose q archivo editar para modificar los bloques 9 y 12
perdon por ser ignorante en el tema
gracias

[mirza]

estoy con el firebug, me esta ayudando, gracias :)

[mirza]

no logro encontrar para editar el block-block-12
me baje el style.css

porq el q me pasaste vos nuklear seria el bloque por defecto y me modificaria todos los bloques

[pitufoweb]

Iniciado por mirza

no logro encontrar para editar el block-block-12

Si no lo encuentras es por que no tiene aplicado ningún estilo (directamente). Simplemente agrega tus nuevas reglas de estilos.





Saludos

[mirza]

lo intente de varias maneras, le agregue al final del style.css esto
pero no eh logrado acomodarlos

Código:

#block-block-12 { 
	float:right;
	margin-bottom:10px;
	padding-bottom:15px;
}

#block-block-9 { 
	float:left;
	margin-bottom:10px;
	padding-bottom:15px;
}

y asi

Código:

#section.block block-block-12 { 
	float:right;
	margin-bottom:10px;
	padding-bottom:15px;
}

#section.block block-block-9 { 
	float:left;
	margin-bottom:10px;
	padding-bottom:15px;
}

[pitufoweb]

Muestra una imagen de como tendría que verse.



Saludos

[mirza]

asi quiero q se vea http://subirimagenes.net/show-image.php?id=f0a8efd7ed3038702002a4c0dea9d0ed
nose si estoy poniendo bien el codigo,
gracias kapo por querer ayudar

[pitufoweb]

No se si cambiaste algo del código o algo, pero yo lo bien...Están uno al lado del otro.

Ya solo faltaría darle las medidas, margen, padding, etc para que se vean como en la imagen.


Saludos

[mirza]

Iniciado por pitufoweb

No se si cambiaste algo del código o algo, pero yo lo bien...Están uno al lado del otro.

Ya solo faltaría darle las medidas, margen, padding, etc para que se vean como en la imagen.


Saludos

tenes masomenos idea de las medidas para que quede bien?

[pitufoweb]

Si estas creando la web a base de un diseño (PSD, AI, PNG, etc). Tendrías que usar las medidas indicadas en dicho diseño.


Si estas creado el diseño de la web "al vuelo". Mira el ancho del contenedor y divide las tres columnas para que se ajusten en el contenedor . Y no te olvides del margen entre las columnas.



Saludos

[mirza]

groso pitufoweb, estoy tirando medidas y le estoy dando justo en el medio jaja

gracias a todos