[SOLUCIONADO] <li> No dejar "intros"

[Hircine]

Hola,haciendo un menú de una web,me sale un problema,quiero que las cosas carguen Ajax,eso me va bien,es el menú que con los <li></li> me deja un "intro" queria saber si se podía quitar o alguna manera...

Si lo tengo así:

Código HTML:

<div id="menu">
  <div id="menu-cont"><li id="inicio"><img src="images/inicio.png" width="100" height="50" /><a class='example8' ><img src="images/registro.png" width="125" height="50" /></a><img src="images/conectar.png" width="150" height="50" /></li>
</div> 

Aquí no hay problema pero si es así:

Código HTML:

<div id="menu">
  <div id="menu-cont"><li id="inicio"><img src="images/inicio.png" width="100" height="50" /></li><a class='example8' ><img src="images/registro.png" width="125" height="50" /></a><li id="conectar"><img src="images/conectar.png" width="150" height="50" /></li>
</div>
</div> 

Las imagenes me salen una bajo otro y quiero que salgan una al lado de otra...

[zerokilled]

buenas...

en primer lugar, tienes problema de estructuracion. los elementos <li> solo pueden ir dentro de <ol> o <ul>. por otro lado, por naturaleza los elementos <li> son de tipo bloque. o sea, tanto antes del elemento como despues se introduce salto de linea para que el elemento corresponda en una sola linea. de todos modos, ese comportamiento lo puedes cambiar con CSS mediante la propiedad display. en tu caso, no veo el proposito del uso de <li>. parece que tendras que repensar la forma en que estas estructurando el contenido. en fin, para que una imagen quede una al lado de otra, simplemente debes evitar introducir elementos tipo bloque entre medio.