mas dudas de css imagenes y las posiciones

[frogx3]

tengo otras dudas bueno que raro que en uno de los casos solo el iexplorer de el problema si fuera mi web lo dejaria asi pero no es pa mi asi que a ver...

el primer problema es hice un menu vertical de cuatro imagenes una de bajo de la otra je las pongo asi

Código HTML:

<img src=../../menu1.gif>
<img src=../../menu1.gif>
<img src=../../menu1.gif> 

hasta aqui todo bien al visualizar esto con firefox salen pegadas las imagenes una debajo de la otra es decir perfectamente pero si abro el iexplorer del tio bill la imagenes salen separadas como si hayana puesto un salto de linea despues de cada linea del codigo de la imagen...

las imagenes estan dentro de un div.
la solucion a esto de una manera simple seria esta:

Código HTML:

<img src=../../menu1.gif><img src=../../menu1.gif><img src=../../menu1.gif> 

no hacer un salto de linea en el codigo lo cual es incomodo ya que si tengo 15 imagenes y estas quience aparte tienes asignado un enlace <a href="..."></a>

me forma una linea de 2 metros que no me faciita en nada la edicion

alguna solucion mas viable estoy haciendo el codigo en PHP...usando CSS ni una tabla...puras capas

el segundo problema este si no lo e solucionado tengo una capa que viene siendo el footer o pie de la pagina para los que no dominen el ingles el cual debe estar posicionado en el bottom (pie o footer de la pagina) y centrado.


pero no lo e logrado si uso position:abolute se va al bottom pero como centrarlo?

que me ayudennnnnnnnnnn bueno gracias de antemano....

[PascalC]

el html es un lenguage estructural, donde esta la estructura de tu menu ? Si no tienes un fichero fuente semanticamente correcto, los resultados no pueden ser coherentes de un navegador a otro (especialmente con el IE que tiene un soporte CSS lleno de bugs).

Une menu es una lista de enlaces :
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>

Hay un monton de tutoriales en la web para estilizar listas.

http://css.maxdesign.com.au/listamatic/

[frogx3]

creo no me explique el asunto del menu es un simple menu de navegacion no con listas ul - li sino con una imagenes con sus propios enlaces aqui lespongo el codigo

Código PHP:

  echo "<center><div id=header>
<div id=logo>
<img src=themes/empleo/images/logo.gif>
<img src=themes/empleo/images/frame.gif>
<ul><li>".$nota."</li></ul>
</div>
[B]<div id=menu>
<img src=themes/empleo/images/menu1.gif><img src=themes/empleo/images/bolsa.gif><img src=themes/empleo/images/menu2.gif><img src=themes/empleo/images/candidatos.gif><img src=themes/empleo/images/menu3.gif><img src=themes/empleo/images/ofertas.gif><img src=themes/empleo/images/menu4.gif><img src=themes/empleo/images/empresas.gif><img src=themes/empleo/images/menu5.gif><img src=themes/empleo/images/somos.gif><img src=themes/empleo/images/menu6.gif><img src=themes/empleo/images/politicas.gif><img src=themes/empleo/images/menu7.gif><img src=themes/empleo/images/none.gif></div>
[/B]<img src=themes/empleo/images/frame2.gif>
</div>";
echo "<div id=main>";
echo "</div></center>";
echo "<center>";
echo "<div id=foot><img src=themes/empleo/images/foot.gif><img src=themes/empleo/images/x3.gif></div>";
echo "</center>"; 
   

aqui esta el codigo como lo tengo actualmente y de esta el menu que viene siendo el codigo remarcado...
sale perfectamente tanto en IE como en Firefox pero ahora este mismo codigo diferente:

Código PHP:

  echo "<center><div id=header>
<div id=logo>
<img src=themes/empleo/images/logo.gif>
<img src=themes/empleo/images/frame.gif>
<ul><li>".$nota."</li></ul>
</div>
[B]<div id=menu>
<img src=themes/empleo/images/menu1.gif>
<img src=themes/empleo/images/bolsa.gif>
<img src=themes/empleo/images/menu2.gif>
<img src=themes/empleo/images/candidatos.gif>
<img src=themes/empleo/images/menu3.gif>
<img src=themes/empleo/images/ofertas.gif>
<img src=themes/empleo/images/menu4.gif>
<img src=themes/empleo/images/empresas.gif>
<img src=themes/empleo/images/menu5.gif>
<img src=themes/empleo/images/somos.gif>
<img src=themes/empleo/images/menu6.gif>
<img src=themes/empleo/images/politicas.gif>
<img src=themes/empleo/images/menu7.gif>
<img src=themes/empleo/images/none.gif></div>
[/B]<img src=themes/empleo/images/frame2.gif>
</div>";
echo "<div id=main>";
echo "</div></center>";
echo "<center>";
echo "<div id=foot><img src=themes/empleo/images/foot.gif><img src=themes/empleo/images/x3.gif></div>";
echo "</center>"; 
   

ahora con este codigo que si se fijan las imagenes (el codigo) esta en diferentes lineas no como en el primero que estan en una sola linea, en este codigo en IE las imagenes aparecen como separadas por un espacio en blanco cosa que con Firefox no sucede en Firefox tanto con el primero como con el segundo codigo el menu sale perfectamente...

[PascalC]

Un menu de navegacion DEBE ser una lista a nivel del HTML porque basicamente, un menu es una lista de opciones.