Como poner una imagen justo donde quiero

#1 (**permalink**) 14/05/2006, 05:52

Pues eso hay alguna forma de poner una imagen justo donde quiero?

Artdeco · #2 (**permalink**) 14/05/2006, 06:04

¿Puedes explicarte justo un poco más? xD

http://www.danielclemente.com/html

#3 (**permalink**) 14/05/2006, 06:17

Si mira quiero poner el banner de este hosting justo en la mitad de un banner de fondo y que ademas este alineado pues un poco a la derecha entonces no se como hacer para ponerlo justo donde quiero el banner del hosting que es asi:

El codigo del HTML es :

Cita:

Y el del CSS es:

Cita:

#banner {
background-image:url(imagenes/banner.jpg);
width: 900px;
height: 200px;
padding : 0px;
margin : 0px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #FFFFFF;
text-align : right;
}

Espero que me puedas ayudar

Artdeco · #4 (**permalink**) 14/05/2006, 06:49

bueno, sigo sin entender. ¿Qué es eso de "un poco a la derecha"? No entiendo. ¿Alineado a la derecha o no? Eso de "un poco" no me queda claro xD

A ver, el código del HTML cámbialo por esto:

<div id="banner"><img src="imagenes/banner2.jpg" style="width:300px;height:100px;border:none;" alt="Alojamiento Web" /></div>

De todas maneras, he probado el código y la imagen dentro del div se alinea a la derecha, como tú pides. ¿No quieres que esté a la derecha del todo? Pues entonces juega con el margin del IMG:

<div id="banner"><img src="imagenes/banner2.jpg" style="width:300px;height:100px;border:none;margin-right:20px;" alt="Alojamiento Web" /></div>

Cambia el margin-right por la cantidad de píxeles que desees de espacio, espero que sea eso lo que pides =P

#5 (**permalink**) 14/05/2006, 07:52

si ya lo he puesto a la derecha como queria gracias a ti pero aora lo que quiero esque la imagen este en el centro de la imgen del fondo digo de altura q quede + o - asi:

Espero q me ayudes con esto ultimo

Un saludo

Artdeco · #6 (**permalink**) 14/05/2006, 08:15

ah, vale. Eso es la propiedad vertical-align.

#banner {
background-image:url(imagenes/banner.jpg);
width: 900px;
height: 200px;
padding : 0px;
margin : 0px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #FFFFFF;
text-align : right;
vertical-align: middle;
}

Mira a ver si así funciona =D

#7 (**permalink**) 14/05/2006, 09:09

no se me centra la imgen no se por que

Artdeco · #8 (**permalink**) 14/05/2006, 10:04

Prueba a cambiar margin : 0px; por margin:auto; a ver si así funciona.

#9 (**permalink**) 14/05/2006, 10:06

e provado lo de margin y sigue igual que mas puede ser?

Artdeco · #10 (**permalink**) 14/05/2006, 10:30

Pues es verdad, estoy testeándolo y no es eso =S Pues tendría que funcionar, no sé qué sucede.

A ver si alguien más lee esto y nos echa un cable, porque no entiendo qué pasa xD El Vertical-align tendría que funcionar =S

Adanss · #11 (**permalink**) 15/05/2006, 09:21

intenta usar tabla de tablas, si tienes mayor problema esto te podra sacar de apuros