Entrar

Ayuda con los divs de posicion

Sikeone · · Solicitar retirada
Bueno pues espero que me resolvais esta duda ya que es muy importante para mi enfin...

La pregunta es que como pongo una foto donde se me antoje en la pagina nose si me explico bien ponerla en la posicion que quiero en cualquier pixel para decirlo asi :D bueno espero que me ayudeis y si os sirve lo que boy de codigo es esto si podeis de paso dejarme el codigo correcto y asi solo tendria que modificarlo porfacvor ayudarme :$ :( :(

<html>
<head>
<title>BoomBampiro</title>


<link rel="stylesheet" href="estilos.css" type="text/css" media="all">

[contenido no disponible]

</head>
<body>
[contenido no disponible]



</body>
</html>
JTole · · Solicitar retirada
Create una capa por ejemplo:

<div id="imagen">Aqui dentro tu imagen</div>

y luego en tu hoja de estilos por ejemplo esto:

#imagen { position: absolute;
top: 100px;
left: 100px;
}

Solo tienes que ir jugando con los píxeles que te vengan bien o en vez de top usas bottom si la quieres colocar en la parte de abajo de la página. Y lo mismo con left usa right si la quieres más a la derecha.
Sikeone · · Solicitar retirada
JTole escribió:Create una capa por ejemplo:

<div id="imagen">Aqui dentro tu imagen</div>

y luego en tu hoja de estilos por ejemplo esto:

#imagen { position: absolute;
top: 100px;
left: 100px;
}

Solo tienes que ir jugando con los píxeles que te vengan bien o en vez de top usas bottom si la quieres colocar en la parte de abajo de la página. Y lo mismo con left usa right si la quieres más a la derecha.
En lo de imagen pongo el nombre de la imagen?
JTole · · Solicitar retirada
No, en imagen puedes poner lo que quieras solo es un nombre de identidicación por decirlo de alguna manera. :wink:
Sikeone · · Solicitar retirada
JTole escribió:No, en imagen puedes poner lo que quieras solo es un nombre de identidicación por decirlo de alguna manera. :wink:

Oye otra cosa lo acabo de hacer pero el segundo codigo lo de #imagen ....
no me lo codeo me sale como texto normal :$
JTole · · Solicitar retirada
El segundo código lo tienes que poner en tu hoja de estilos CSS no en el código HTML