colocacion de párrafos

wormhole · #1 (**permalink**) 24/01/2010, 06:49

supongo que es una chorrada enorme pero llevo un buen rato tratando de colocar un texto en la parte superior de una div, justo después de una imagen, y no lo consigo. El texto siempre me aparece al lado de la imagen pero en la parte inferior, creía que no me iba a encontrar con esto, por favor echarme un cable

jomaruro · #2 (**permalink**) 24/01/2010, 07:34

Hola:

Sin ver el código no podremos saber donde está el fallo.

Saludos.

wormhole · #3 (**permalink**) 24/01/2010, 07:41

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="mode.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
</head>

<body>
<div><img src="grafics/lines.jpg" />el texto
</div>
</body>
</html>

Osdiwe · #4 (**permalink**) 24/01/2010, 10:50

Puedes flotar la imagen a la izquierda i el texto te empezará al lado, arriba del todo.

darkspectre · #5 (**permalink**) 24/01/2010, 11:20

como dice el amigo puedes flotar la imagen al lado izquierdo el codigo quedaria de esta manera:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="mode.css" rel="stylesheet" type="text/css" />
<style type="text/css">

#image {
float: left;
}

</style>
</head>

<body>
<div><img id="image" src="grafics/lines.jpg" /><p>el texto al lado de la imagen....</p>
</div>
</body>
</html>

con eso deberia de funcionarte.