Imagen en un Div

[gimenez166]

hola! tengo el siguiente codigo:

Código:

<div class="shape">
    <img src="image.png">
    <p>Holas</p>
</div>

necesito que el Texto "Holas" quede arriba de la imagen pero no se como hacer si alguien puede ayudarme.

[LoveSilence]

Prueba poner <p>Holas</p> antes de <img src="image.png">

[gimenez166]

no, me corre un poco la imagen pero sigue estando abajo el texto

[pzin]

Pues andará la imagen flotada o alguna historia similar. Si pones el código del CSS sería de ayuda.

[herzbazi]

creo que lo ideal si no sabes como hacerlo es que pongas un id al <p> y que a este le des cordenas xy usando el margin-left y el margin-top

y esto igual con la <img "src="ruta">

ejemplo

<div class="shape">}
<p id="texto">Holas</p>
<img src="image.png" id="img">

</div>
#texto{
margin-left:20px;
margin-top:30px;
}


</div>
#img{
margin-left:10px;
margin-top:40px;
}

(nota: aclaro que los numeros son los pixeles que quieres que se mueva a la izquierda y abajo estos son de ejemplo tu debes determinar los numeros para la posicion desea).

espero ser de ayuda y si es asi ya sabes que hacer

suerte-

[pzin]

Iniciado por herzbazi

creo que lo ideal si no sabes como hacerlo es que pongas un id al <p> y que a este le des cordenas xy usando el margin-left y el margin-top

Y si sigues consejos de este tipo, te irá bastante mal. Los márgenes no son coordenadas, son márgenes. No es lo mismo, ni es parecido, ni tiene nada que ver.

Lo ideal si no sabe, es aprender, no hacer chapucillas para salir del paso.

Cuando gimenez166 deje el código CSS se podrá ver mejor qué es lo pasa.

[herzbazi]

Iniciado por Bonez

Y si sigues consejos de este tipo, te irá bastante mal. Los márgenes no son coordenadas, son márgenes. No es lo mismo, ni es parecido, ni tiene nada que ver.

Lo ideal si no sabe, es aprender, no hacer chapucillas para salir del paso.

Cuando gimenez166 deje el código CSS se podrá ver mejor qué es lo pasa.

eso claro esta
pero es una forma de solventarlo si no se tiene los suficientes conocimientos.