Foros del Web » Creando para Internet » HTML »

Como colocar una lista al lado de una imagen

Estas en el tema de Como colocar una lista al lado de una imagen en el foro de HTML en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 27/12/2010, 10:59
 
Fecha de Ingreso: diciembre-2010
Ubicación: Santander
Mensajes: 7
Antigüedad: 7 años
Puntos: 0
Pregunta Como colocar una lista al lado de una imagen

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&iacute;tulo</title>

</head>

<body>

<h1 align="center"><strong> Esta es la primera p&aacute;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>
  #2 (permalink)  
Antiguo 27/12/2010, 11:29
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Como colocar una lista al lado de una imagen

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.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 27/12/2010, 11:40
 
Fecha de Ingreso: diciembre-2010
Ubicación: Santander
Mensajes: 7
Antigüedad: 7 años
Puntos: 0
Respuesta: Como colocar una lista al lado de una imagen

Cita:
Iniciado por maycolalvarez Ver Mensaje
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
  #4 (permalink)  
Antiguo 27/12/2010, 13:36
Avatar de El_seba  
Fecha de Ingreso: enero-2010
Mensajes: 27
Antigüedad: 7 años, 11 meses
Puntos: 0
Respuesta: Como colocar una lista al lado de una imagen

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&iacute;tulo</title>

</head>

<body>

<h1 align="center"><strong> Esta es la primera p&aacute;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!

Etiquetas: imagenes, listas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:02.