bloques seguidos

[chwc]

hola, en un espacio de 500px de ancho, tengo este codigo:

Código html:

<div id='inv'><p>1</p><img src="img/1.png" alt=""></div>
<div id='inv'><p>1</p><img src="img/1.png" alt=""></div>
 

Código css:

#inv{position:relative;font-family:arial, verdana, sans-serif;font-weight:bold;display:block;background: url('datos/inv.png') no-repeat;width:96px;height:110px;margin:10px 35px}
 

el problema es que hace un salto de linea luego de cada div, y yo quiero que el segundo este a la derecha del primero, ¿como hago?

saludos.

[hades87]

Antes que anda te diría que repasaras mas CSS, por que eso se soluciona rápidamente con las propiedades float.

PEro te dejoe ste link que te lo explica un poco mejor: http://www.librosweb.es/css_avanzado...ar_floats.html

[chwc]

ya esta (le faltaba un float:left al div)

gracias igual

[kseso?]

#.inv{
position:relative;
font-family:arial, verdana, sans-serif;
font-weight:bold;
display:block;
background: url('datos/inv.png') no-repeat;
width:96px;
height:110px;
margin:10px 35px;
float:left;
}

Código html:

<div class='inv'><p>1</p><img src="img/1.png" alt=""></div>
<div class='inv'><p>1</p><img src="img/1.png" alt=""></div>
 

[C2am]

¿Por qué estarían sobrando position: relative y display:block?

[kseso?]

Hola C2am
La propiedad float no se puede aplicar a los elementos posicionados.
Relación float/block.
posición relativa:

relative:
La posición de la caja se calcula de acuerdo al flujo normal (ésta se llama la posición en el flujo normal). Luego la caja se desplaza de modo relativo a su posición normal

Y cuando flotas una caja, la sacas del flujo. Como verás, son términos incompatibles entre sí. O está incluida en el flujo (discurrir) del documento o está fuera.

De todas formas, aquí puedes aclarar este tipo de dudas.

Un saludo

[C2am]

Muchas gracias por tu respuesta kseso?.
Saludos

[goku_goku]

yo uso para que no se pase una linea a otra display:inline