Ver Mensaje Individual
  #13 (permalink)  
Antiguo 11/04/2008, 10:40
Avatar de andriuch
andriuch
 
Fecha de Ingreso: abril-2004
Mensajes: 65
Antigüedad: 20 años, 7 meses
Puntos: 0
Re: imagen y texto en misma linea

Cita:
Iniciado por daPhyre Ver Mensaje
Como es clásico, cuando la gente está en el máximo explendor de los CSS, olvidan lo básico de HTML. El error que ocurre es el siguiente: los DIV por default tienen un salto de linea al principio y uno al final. existe una función similar llamada SPAN, que hace lo mismo que el DIV, pero en una misma linea. En otras palabras, a tu código original solo debes sustituir los DIV por los SPAN, y así debería funcionar sin problemas.

Ahora, si necesitas que haga saltos al principio y al final de esta linea, solo encierras TODO este último código dentro de un DIV único, quedando más o menos así:

Código HTML:
<div>
<span><img src="imag/iconos/inicio.jpg" width="26" height="2"></span>
<span class="enlacesfavoritos">Pagina de inicio</span>
</div> 
Espero con esto ya soluciones el problema.
Usar TABLES, DIV o SPAN no es por los CSS es por los estándares W3C de XHTML, que no tiene nada que ver con los CSS. Y otra cosa daPhyre los DIV no meten salto de linea antes y despues, eso son los <P>. Sino, comprueba como le ha quedado con mi solucion...

Para solucionar el problema de etanol, creo que se podria solucionar añadiendo un div que englobe a los otros, con un vertical-align:middle, como dice pateketrueke:

Código HTML:
<div style="vertical-align:middle;">
  <div style="float:left;"><img src="imag/iconos/inicio.jpg" width="26" height="2"></div>
  <div class="enlacesfavoritos">Pagina de inicio</div>
</div> 
Espero que con ésto des por solucionado tu problema.

Un saludo.

Última edición por andriuch; 11/04/2008 a las 10:45