Como bajar una imagen

**squadraslot** · 15/06/2008, 22:30

Hola,

Como puedo colocar una imagen en un sitio determinado de la página. Por ejemplo en la portada de mi web quiero bajar una imagen abajo de todo, ya que tengo otra que me hace de fondo y me la tapa.

Muchas gracias

**Yaneth** · 16/06/2008, 15:13

hOLA

hay varias formas de hacerlo

una de ellas poniendole margin a la imagen
o bien, metiendola dentro de una div o tabla

muestranos tus codigos para ayudarte mejor

saludos

**squadraslot** · 16/06/2008, 20:28

Alli voy

Html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Página principal de SQUADRASLOT</title>
<link rel="stylesheet" href="estilos.css"
type="text/css" media="all">
</head>
<body>

Acceso al foro SQUADRASLOT
Bienvenidos a mi página
<center>[img]objetos/fotoportada.JPG[/img]</center>

Página creada gracias a CCTW
Contacto

.

.

.

<a href="http://www.warm-lap.com"target="_blank">

<center botton>[img]objetos/warmlap2.JPG[/img]</center bottom></a>
</body>
</html>

Lo de los puntos es la versión chapucera que he encontrado para bajarlo, quede clado jajajaja

Hoja estilos

body {background-color: #009ACD ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
img {border-style: none}
.centrado {text-align:center}
background-image: url[objetos/warmlap2.jpeg} ; background-repeat: no-repeat ; background-position: center bottom }
P { font-size:11pt ; font-family : Tahoma , helvetica ; font-weight : bold ; color: white ; }

Gracias

**squadraslot** · 19/06/2008, 13:24

Yanneth perdona pero sabes donde puede estar el problema, ya que te he puesto los códigos como me pediste.

**Yaneth** · 19/06/2008, 14:48

Hola

perdona, no había visto tu mensaje

aqui veo algo raro

<a href="http://www.warm-lap.com"target="_blank">

<center botton>[img]objetos/warmlap2.JPG[/img]</center bottom></a>

yo unicamente lo haría asi

[img]objetos/warmlap2.JPG[/img]

ya que las etiquetas de las "p" son solo para parrafos no para imagenes

ahora en el css veo algo raro tambien
en rojo te he marcado lo que no se que es jeje
ya que no está dentro de ninguna etiqueta, asi que...
todo eso sale sobrando

body {background-color: #009ACD ; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat ; background-position: center center}
img {border-style: none}
.centrado {text-align:center}
background-image: url[objetos/warmlap2.jpeg} ; background-repeat: no-repeat ; background-position: center bottom }
P { font-size:11pt ; font-family : Tahoma , helvetica ; font-weight : bold ; color: white ; }

Ahora pensarás que tu problema empeoró verdad??
bueno.. primero te digo que en un futuro cuando necesites un salto de linea. no utilizes las "p" mas bien utiliza esto


asi, tal cual es un salto de linea

bien, ahora si vamos a arreglar tu imagen

primero agregale esta linea en el body de la hoja de estilos

text-align:center

con esto, logras que todo lo que esté en tu doc. html
quede centrado ok?, entonces ya te sobran todos los center boton que has puesto

ahora tambien en la hoja de estilos pones asi:

.entrar {margin 100px 0px 0px 0px}

como ves le estoy dando un margen a algo

ve al html y en esto

[img]objetos/warmlap2.JPG[/img]

le pones asi

img class="entrar"

y te quedaria asi

[color=red][img]objetos/warmlap2.JPG[/img]

ahora veo un fallito en la palabra contacto agregale ahi un salto de linea
para que no piense que va a un lado de la imagen asi

target="_blank">CCTW</a>
Contacto

listo cualquier cosa me avisas

saludos

**Novato** · 19/06/2008, 14:48

Hola, silo que quieres es poner espacios en vez de lo de los puntos ya que se ven pon esto:



Por cierto, bonito avatar...,Un saludo.

**squadraslot** · 19/06/2008, 16:07

Muchas gracias a los dos, voy a probar.

Luego edito y os cuento

Bueno he arreglado el tema, me ha quedado perfecto, pero para bajar la imagen he tenido que meter unos cuantos , porque sino me quedaba la imagen en medio tapando el logo del fondo.

Pero ahora si se ve muchísimo mejor todo.

Gracias

**Yaneth** · 19/06/2008, 17:00

solo era cosa de aumentar el margin

lo que te he puesto solo era un ejemplo
pero.. tu puedes aumentarle hasta que quedes conforme

saludos

**squadraslot** · 19/06/2008, 17:07

O sea que lo que has puesto de

.entrar {margin 100px 0px 0px 0px}

significa 100 altura ??? y el resto izquierda, derecha, arriba. ???

Voy a probar, probado modificando el margin queda igual, le tengo que añadir los /br's.