Menu de botones fijo

gledof · #1 (**permalink**) 25/01/2010, 16:28

Hola, hice un menu de botones fijos en la pagina, estos quedan en el lado izquierdo de la pagina y no se mueven a pesar del scroll. Use esta div:

<style type="text/css">.menu { position:fixed; top:190px; left:10px; }
</style>
<div class="hola" >
<p><a href="index.html"><img src="index_files/boto_menu/bot-inicio.png" align="left" width="90" height="25"></a></font></p>
<p> </p></font></font></p>
<p><p><a href="showroom.htm"><img src="index_files/boto_menu/bot-galeria.png" align="left" width="90" height="25"></a></font></p>
<p> </p>
<p><p><a href="calculadora.html"><img src="index_files/boto_menu/bot-coversor.png" align="left" width="90" height="25"></a></font></p>
<p> </p></font></font></p>
<p><a href="linques.htm"><img src="index_files/boto_menu/bot-links.png" align="left" width="90" height="25"></a></font></p>
<p> </p>
<p>
<a href="contactus.html">
<img src="index_files/boto_menu/bot-contacto.png" align="left" width="90" height="25"></a></font></p>
</div>

El problema que tengo es que cuando lo abro con Firefox se ve y funciona bien, pero con IE es otra cosa, la tabla central se corre hacia la izquierda y el menu queda sobre el contenido de la pagina. Les dejo un par de capturas:

canino_latino · #2 (**permalink**) 25/01/2010, 22:05

bueno tienes el mismo problema que yo :p

para esto toca que coloques un doctype a tu web y en IE se vera bien.

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

colocalo arriba de la etiqueta:

Código:

<html>

de tu web.

Bye espero aberte ayudado.

gledof · #3 (**permalink**) 26/01/2010, 15:19

Gracias, voy a probarlo.

Impostor · #4 (**permalink**) 26/01/2010, 15:32

Buenas, creo que el DOCTYPE es el menor de tus problemas, ya que el código que muestras es un desastre, con etiquetas que se cierran pero no se abre y numerosos saltos de páginas... Muestra la url de tu web para ver que se puede hacer.

Saludos¡¡

canino_latino · #5 (**permalink**) 26/01/2010, 22:12

Bueno las etiquetas que el no cierra son las etiquetas font y no creo que eso sea el problema el problema con eso normalmente es la declaracion del DOCTYPE ya que tambien tengo ese problema ahora mismo solo que un poco diferente.

gledof · #6 (**permalink**) 28/01/2010, 10:33

Cambie el codigo del menu, tenia este codico basico:

<div aling="left">
<div id="c1" style="position:fixed; left: 10px; top: 10px">
Hola!
</div>
</div>

y lo lleve a esto para crear los botones del menu lateral:

<div aling="left">
<div id="c1" style="position:fixed; left: 10px; top: 200px">
<a title="hacia pagina de acceso" href="index.html.htm">
<img src="index_files/boto_menu/bot-inicio.png" width="90" height="25" /></a><p>
<a title="galerias de trabajos realizados" href="showroom.htm">
<img src="index_files/boto_menu/bot-galeria.png" width="90" height="25" /></a></a></p>
<p>
<a title="convertir valores de medidas, pesos & temperaturas" href="calculadora.html">
<img src="index_files/boto_menu/bot-coversor.png" width="90" height="25" /></a></p>
<p><a title="datos de contacto & formulario" href="contactus.html">
<img src="index_files/boto_menu/bot-contacto.png" width="90" height="25" /></a></a></p>
<p> </div>
</div>
</body>

no implemente las lineas de Canino-Latino en el codigo de la pagina figura esto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

no se si hace falta cambiarlo. El problema con IE sigue a pesar de haber cambiado el codigo que tenia al principio.

jomaruro · #7 (**permalink**) 28/01/2010, 17:15

Hola:

Cita:

Iniciado por canino_latino

Bueno las etiquetas que el no cierra son las etiquetas font y no creo que eso sea el problema el problema con eso normalmente es la declaracion del DOCTYPE ya que tambien tengo ese problema ahora mismo solo que un poco diferente.

:-p

Saludos.

gledof · #8 (**permalink**) 28/01/2010, 17:35

Jomaruro, entiendo tu cita respecto a las etiquetas <font> que no estan cerradas, pero eso esta en el primer codigo que use. El segundo:

Cita:

que estoy usando, no tiene etiquetas <font>, no se mucho de programacion pero no veo esas etiquetas. Por lo que comentas el problema es el DOCTYPE, pero es algo solucionable poniendo la adecuada declaracion ó es un problema al que se ven todos sometido sin excepcion?

Impostor · #9 (**permalink**) 29/01/2010, 05:44

Buenas,

en primer lugar, tienes un div alineado a la izquierda y después dentro uno que tienes con posición fixed. Ignoro como interpreta esto los navegadores, pero es una contradicción.

segundo, creo que usas algún editor web, en mi opinión, consiguen meter código de mas y algo de suciedad. Usa el notepad, notepad++ o similares.

para hacer un buen menú, olvídate de todo lo que tienes y te aconsejo que lo realices con listas. Te paso un par de ejemplos:

http://www.librosweb.es/css/capitulo9.html

http://planck956.byethost7.com/pruebas/botones.html

Saludos¡¡

gledof · #10 (**permalink**) 29/01/2010, 15:38

Inpostor, te hago una pregunta, viendo el codigo que estoy usando ahora podria borrar una de las <div> y la que quede darle la propiedad de alineada a la izq. y fixed. No se programar, la mayor parte del trabajo lo hago en vista de diseño y solo uso el codigo para modificar algunas pocas cosas que se, nada mas. Voy a ver tus links, pero igual me gustaria saber si puedo arreglar el que uso ahora. Gracias