Problema con codigo menu responsive

[michele95]

Hola comunidad, estoy terminando de adaptar un template para una pagina, tengo una dificultad con el boton menu que se muestra en disp mobiles, basicamente cuando pulso el boton con el dedo no se abre nada, estoy revisando el codigo y solo tengo esta parte que hacer referencia, alguien me puede ayudar por favor? hay algun otro codigo que tengo que implementar? mis conocimientos son muy limitados gracias por la ayuda.

codigo html
<nav class="main-navigation">
<a class="opener" href="#">Open menu</a>
<ul>
<li class="active opt-default"><a href="#home" title="Home">HOME</a></li>
<li><a href="#about" title="About">ABOUT</a></li>
<li><a href="#portfolio" title="Portfolio">PORTFOLIO</a></li>
<li><a href="#testimonials" title=
"Testimonials">TESTIMONIALS</a></li>
<li><a href="#contacts" title="Contact">CONTACT</a></li>
</ul>
</nav>

[wilmer30]

El código que muestras funciona en navegadores como firefox, ie9, opera y no así en disp móviles?

usas css, no me parece que sea un problema de html, mas parece el css

[michele95]

gracias por tu amable respuesta, luego de leer y meterme mas en el codigo, logre que el menu se vizualizara en dispositivos mobiles con las opciones, pero tengo dos problemas,

problema 1.- el menu sale en la parte superior en direccion paralela con el logo de la pagina pero descuadrado es decir el logo parece un poquito hacia abajo y el boton del menu ahacia arriba pegado al extremo del tel. como puedo hacer que los dos elementos se puedan alinear correctamente?

problema ,- el menu se vizualiza correctamente pero cuando elijo alguna opccion con el dedo no me lleva a la pagina.

copio el codigo que tengo haber si es osible me puedan ayudar. gracias.

<select>
<form method="post" action="" onsubmit = "this.action = select.value">
<option value="" selected="selected">Select</option>
<option value="/#home">Home</option>
<option value="/#about">About</option>
<option value="/#portfolio">Portfolio</option>
<option value="/#testimonials">Testimonials</option>
<option value="/#contacts.html">Contact</option>
</select>

[wilmer30]

Lo que tu buscas es maquetar tu página web con una estética aceptable, hoy en día ya no se usa tables para maquetar ya que el css (actualmente css3) soluciona efectivamente dicho problema.

Te sugiero leas este link para resolver tu primer problema: http://www.galisteocantero.com/maner...rizontalmente/

Lo segundo encuentro dos problemas: esta mal el formulario, deberia ser:
<form>
lo que tenga el form
</form>

lo otro es que insertas un js y le dices que envias un valor, pero (a que archivo o página) a que action="" ?

[michele95]

muchas gracias por tu respuesta,

agregue el <form> </form> , me he quedado trancada llegue hasta ahi.

el js que me mencionas, he tratado de varias formas de direccionar cuando elijo las opcciones pero no consigo funcione, he tratado con tutos pero no le llego, mis conocimientos son muy basicos..

mis direcciones las tengo de esta manera.

miweb
http://miweb/#home
http://miweb/#about
http://miweb/#Portfolio
http://miweb/#testimonials
http://miweb/#contact

podrian echarme una mano por favor?

gracias.

[wilmer30]

Si usas un form necesariamente debes usar muchos js o jquery para redireccionar, yo te sugeriria que usaras <a href="http://miweb/#algo">tulink</a> como una lista y algo de css