Foros del Web » Creando para Internet » CSS »

Problema al maquetar con etiquetas img y li

Estas en el tema de Problema al maquetar con etiquetas img y li en el foro de CSS en Foros del Web. Hola amigos, estoy tratando de maquetar una página en la que tengo una imagen alineada a la izquierda y justo a su derecha unos li. ...
  #1 (permalink)  
Antiguo 08/11/2007, 05:32
Avatar de adexedl  
Fecha de Ingreso: julio-2005
Mensajes: 326
Antigüedad: 12 años, 5 meses
Puntos: 2
Problema al maquetar con etiquetas img y li

Hola amigos, estoy tratando de maquetar una página en la que tengo una imagen alineada a la izquierda y justo a su derecha unos li. El código como lo estoy utilizando es de la siguiente manera
Código PHP:
<img src="imagenes/img-nuestros-servicios.jpg" border="0" align="left">
<
ul>
<
li><a href="odontologia-integral.asp" class="enlaces-subapartados">Odontolog&iacute;a Integral </a></li>
<
li><a href="ortodoncia.asp" class="enlaces-subapartados">Ortodoncia</a></li>
<
li><a href="estetica-dental.asp" class="enlaces-subapartados">Est&eacute;tica Dental </a></li>
<
li><a href="implantologia.asp" class="enlaces-subapartados">Implantolog&iacute;a</a></li>
<
li><a href="protesis.asp" class="enlaces-subapartados">Pr&oacute;tesis</a></li>
</
ul
Tengo el problema de que los li se me quedan debajo de la imagen.

¿Saben que etiqueta me falta o que estoy haciendo mal?

Saludos y gracias de antemano
__________________
Diseño Web Canarias
  #2 (permalink)  
Antiguo 08/11/2007, 06:01
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Problema al maquetar con etiquetas img y li

probá con esto:

Cita:
<img src="imagenes/img-nuestros-servicios.jpg" border="0" align="left" style="float:left;">
<ul>
<li><a href="odontologia-integral.asp" class="enlaces-subapartados">Odontolog&iacute;a Integral </a></li>
<li><a href="ortodoncia.asp" class="enlaces-subapartados">Ortodoncia</a></li>
<li><a href="estetica-dental.asp" class="enlaces-subapartados">Est&eacute;tica Dental </a></li>
<li><a href="implantologia.asp" class="enlaces-subapartados">Implantolog&iacute;a</a></li>
<li><a href="protesis.asp" class="enlaces-subapartados">Pr&oacute;tesis</a></li>
</ul>
  #3 (permalink)  
Antiguo 08/11/2007, 06:33
Avatar de adexedl  
Fecha de Ingreso: julio-2005
Mensajes: 326
Antigüedad: 12 años, 5 meses
Puntos: 2
Re: Problema al maquetar con etiquetas img y li

Hola Dragonx, lo he probado pero no funciona.

Saludos y gracias
__________________
Diseño Web Canarias
  #4 (permalink)  
Antiguo 08/11/2007, 06:41
Avatar de adexedl  
Fecha de Ingreso: julio-2005
Mensajes: 326
Antigüedad: 12 años, 5 meses
Puntos: 2
Re: Problema al maquetar con etiquetas img y li

Solucionado, le añadir este estilo a la etiqueta img y listo.

style="margin-right: 16px;

Saludos y mil gracias a todos
__________________
Diseño Web Canarias
  #5 (permalink)  
Antiguo 08/11/2007, 06:53
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Problema al maquetar con etiquetas img y li

ok!
  #6 (permalink)  
Antiguo 08/11/2007, 07:02
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Problema al maquetar con etiquetas img y li

recuerden siempre de incluir en sus mensajes también el CSS asociado, sino solo queda adiviniar... por cierto, ese html quedaría mejor así para que no haya tanta "clasitis":
Código HTML:
<img src="imagenes/img-nuestros-servicios.jpg"> 
<ul class="enlaces-subapartados"> 
<li><a href="odontologia-integral.asp">Odontolog&iacute;a Integral </a></li> 
<li><a href="ortodoncia.asp">Ortodoncia</a></li> 
<li><a href="estetica-dental.asp">Est&eacute;tica Dental </a></li> 
<li><a href="implantologia.asp">Implantolog&iacute;a</a></li> 
<li><a href="protesis.asp">Pr&oacute;tesis</a></li> 
</ul> 
y align esta desaprobado, mejor usar todo CSS
muevo al foro de CSS desde html :)
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -

Última edición por webosiris; 08/11/2007 a las 07:10
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:48.