Dreamweaver - Alinear texto e imágenes

 
Vista:

Alinear texto e imágenes

Publicado por Adela (1 intervención) el 17/11/2005 12:22:36
Hola:
Mi problema es que cuando pongo una imagen, en este caso una fórmula y quiero añadir texto a su lado, no queda bien, por ejemplo:

imagen
texto que quiero añadir al lado

es decir, q me pone el texo más arriba o más abajo, pero queda mal. ¿ Alguien sabe como hacer para que la alineación quede bien?. Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Alinear texto e imágenes

Publicado por Daniel Ulczyk (1171 intervenciones) el 17/11/2005 17:30:46
Tenés varias opciones:

1) <table>: Insertar una tabla con dos celdas, en una insertás la imagen en otra el texto.

2) <div>: Podés trabajar con capas independientes y actuás con cada una para distinto contenido (similar al anterior).

3) CSS: podés prescindir de ambas anteriores técnicas y trabajar con CSS, de modo que el texto fluya alrededor de la imagen.
Aquí una muestra del archivo html:

<html>
<head>
<title>text around image</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body { font-family: Tahoma; font-size: 12px}
img.floatLeft {
float: left; margin: 5px;
}

</style>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p><img src="archivo.jpg" width="500" height="90" class="floatLeft">este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen - este texto fluye alrededor de la imagen </p>
</body>
</html>

Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar