Como colocar una lista al lado de una imagen

sinosuke11 · #1 (**permalink**) 27/12/2010, 10:59

Hola a todos.

Quería saber si hay alguna manera de poner la imagen de mi proyecto al lado de la lista solo con HTML. Gracias.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="imagenes1/favicon.ico">
<title>Documento sin título</title>

</head>

<body>

<h1 align="center"><strong> Esta es la primera página con enlaces</strong></h1>
<img src="imagenes1/html.jpg" alt="Letras HTML sobre fondo morado" width="240" height="172" border="4" margin:10px;">
<ul>

<li><a href="enlaces1/formatotexto.html"><strong>Formato de texto</strong></a></li>
<li><a href="enlaces1/imagenes.html"><strong>Listas y tipos de listas</strong></a></li>
<li><a href="enlaces1/listas.html"><strong>Imagenes</strong></a></li>

</ul>
</body>
</html>

maycolalvarez · #2 (**permalink**) 27/12/2010, 11:29

con los CSS float, debes de investigar sobre maquetación CSS, sólo con HTML no lo podrás lograr y utilizar tablas es poco ortodoxo.

sinosuke11 · #3 (**permalink**) 27/12/2010, 11:40

Cita:

Iniciado por maycolalvarez

con los CSS float, debes de investigar sobre maquetación CSS, sólo con HTML no lo podrás lograr y utilizar tablas es poco ortodoxo.

Gracias por tu ayuda

El_seba · #4 (**permalink**) 27/12/2010, 13:36

Hola!
Abriendo el tag <ul> al finalizar el de img, lo pone al coestado de la imagen. Ejemplo:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="shortcut icon" href="imagenes1/favicon.ico">
<title>Documento sin título</title>

</head>

<body>

<h1 align="center"><strong> Esta es la primera página con enlaces</strong></h1>
<img src="imagenes1/html.jpg" alt="Letras HTML sobre fondo morado" width="240" height="172" border="4" align="left" margin 10px;><ul>
<li><a href="enlaces1/formatotexto.html"><strong>Formato de texto</strong></a></li>
<li><a href="enlaces1/imagenes.html"><strong>Listas y tipos de listas</strong></a></li>
<li><a href="enlaces1/listas.html"><strong>Imagenes</strong></a></li>
</ul>
</body>
</html>

Además, como align a la imagen le das como valor left.

Saludos y suerte!