Alinear imagen a la derecha sin que el texto continue debajo de la imagen

IMAC/ · #1 (**permalink**) 21/11/2008, 12:14

Buenas

Hasta ahora he estado usando un código que me funcionaba a la perfección en firefox, safari, opera, chrome...etc, en todos menos en Internet explorer, que me he percatado hoy.

No se donde puede estar el fallo porque no entiendo mucho de divs.

Basicamente quiero hacer esto:

Y estaba usando este código:

Código HTML:

<div style="padding-left:10px;float:right;text-align: right;">
     <img src="pepe.jpg" border="0" align="right" vspace="5" > 
     Pepe comiendo
</div> 
Mucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho Texto....

He conseguido algunas cosas, pero cuando hago una, fastidio otra.
Si el texto lo meto dentro del div y pongo el text-aling a left, el texto "pepe comiendo" que es el pie de la imagen ya no está en su sitio...

Saludos y gracias de antemano.

codig0 · #2 (**permalink**) 21/11/2008, 16:29

hazlo asi y tendria que funcionar en todos los navegadores, te doy un ejemplo:

Código:

<style>

.estilo {
width:380px;
}

.estilo img {
float:right;
}

</style>

<div class="estilo">
<img src="http://static.forosdelweb.com/fdwtheme/logo-reflejo.png" />
texto
</div>

<p style="float:left; margin:0px; padding:0px 0px 0px 50px;">NOMBRE</p>

Mikmoro · #3 (**permalink**) 21/11/2008, 16:48

Pruébalo así:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>IMAC</title>
<style type="text/css">
.foto {float: right; text-align: center;}
.foto img {display: block;}
</style>
</head>
<body>
<div id="contenedor">
<div class="foto">
<img src="pepe.jpg" />
Pepe comiendo
</div>
Mucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho TextoMucho Texto....
</div>
</body>
</html>

IMAC/ · #4 (**permalink**) 22/11/2008, 07:34

Muchas gracias a los 2.
Funciona a la perfección.

Por cierto, ¿esto es html o más bien css?

dforo · #5 (**permalink**) 22/11/2008, 09:20

CSS Power :)

Mikmoro · #6 (**permalink**) 22/11/2008, 10:13

Cita:

Iniciado por IMAC/

Por cierto, ¿esto es html o más bien css?

Es XHTML+CSS

dforo · #7 (**permalink**) 22/11/2008, 12:03

Apss :D, pero en HTML no va?

Saludos !

Mikmoro · #8 (**permalink**) 22/11/2008, 12:06

Perdón, me refería a mi ejemplo.

Prueba el tuyo en un navegador añadiendo más texto donde pones la palabra "texto" a ver qué pasa.