Dificultad con el menú

pao01 · #1 (**permalink**) 31/12/2008, 11:47

Aquí les adjunto el código, tengo problemas con el menú, ya que no me presenta cada uno de los puntos en pantalla, sin embargo si clickeo en el espacio donde no se visualiza, responde.

Código:

<div class="menu">
  <a href="http://www.forosdelweb.com/f53/" target="_blank" id="inicio"><span
    class="alt">fdw</span></a>
   <a href="http://www.forosdelweb.com/f53/" target="_blank" id="diseño web"><span
    class="alt">fdw</span></a>
  <a href="http://www.forosdelweb.com/f53/" target="_blank" id="servicios web"><span
    class="alt">fdw</span></a>
  <a href="http://www.forosdelweb.com/f53/" target="_blank" id="portfolio"><span
    class="alt">fdw</span></a>
  <a href="http://www.forosdelweb.com/f53/"="_blank" id="nuestra empresa"><span
    class="alt">fdw</span></a>
<a href="http://www.forosdelweb.com/f53/"="_blank" id="contactar"><span
    class="alt">fdw</span></a>
  </div>

css

Código:

.menu a {
  display:block;
  border:none;
  background-position:left top;
  background-repeat:no-repeat;
  width:180px;
  height:25px;
}
.menu a:hover { background-position: 0 -23px; text-decoration: none; }
.menu .alt { display:none; }
.menu a#inicio { background-image: url(ini.png) }
.menu a#diseño web { background-image: url(dw.png) }
.menu a#diesño grafico { background-image: url(dg.png) }
.menu a#iservicios web { background-image: url(sw.png) }
.menu a#portfolio { background-image: url(ptf.png) }
.menu a#nuestra empresa { background-image: url(ne.png) }
.menu a#contactar { background-image: url(cnt.png) }

Si alguien me puede ayudar, desde ya agradecida.

Feliz Año a Todos.

Si no fui muy gráfica, aquí la imágen

Mikmoro · #2 (**permalink**) 31/12/2008, 11:59

Con esto:

.menu .alt { display:none; }

le estás diciendo que todo lo que dentro de menú tenga la clase alt, no lo dibuje.

Otra cosa: no debe haber espacios en los nombres de los ID ( id="nuestra empresa")

pao01 · #3 (**permalink**) 31/12/2008, 12:05

no comprendo mucho Mik, si todos tienen la clase alt, como es que a algunos los muestra y a otros no

Pd. entiende que aún no razono como una codiguera profesional.

Cita:

Iniciado por Mikmoro

Con esto:

.menu .alt { display:none; }

le estás diciendo que todo lo que dentro de menú tenga la clase alt, no lo dibuje.

Otra cosa: no debe haber espacios en los nombres de los ID ( id="nuestra empresa")

Mikmoro · #4 (**permalink**) 31/12/2008, 12:15

Ya, lo siento.
Arregla lo primero eso de que los nombres de ID no pueden llevar espacios: si quieres un nombre compuesto, sepáralo por un guión, un guión bajo, etc., pero nunca con espacio:

Cita:

servicios_web, nuestra-empresa, etc.

P.D.: esto no es código: había editado mi mensaje hace rato pero seguramente ya no lo habías leido

jomaruro · #5 (**permalink**) 31/12/2008, 12:16

Hola Pao01:

Parte del problema puedes tenerlo en lo que te remarco en negrita:

.menu a:hover { background-position: 0 -23px; text-decoration: none; }
.menu .alt { display:none; }
.menu a#inicio { background-image: url(ini.png) }
.menu a#diseño web { background-image: url(dw.png) }
.menu a#diesño grafico { background-image: url(dg.png) }
.menu a#iservicios web { background-image: url(sw.png) }
.menu a#portfolio { background-image: url(ptf.png) }
.menu a#nuestra empresa { background-image: url(ne.png) }.
menu a#contactar { background-image: url(cnt.png) }

1º diesño grafico = diseño grafico
iservicios web = servicios web

que es como lo tienes en el HTML.

2º las opciones de menu con dos palabras (diseño web, diseño grafico, servicios web, y nuestra empresa, en el CSS debes ponerlo entre comillas y en HTML también pero diferenciandolas, es decir comillas dobles(") comillas simples(')diseño web(')(").

Espero haberme explicado y te solucione el problema.

¡¡Feliz año!!

jomaruro · #6 (**permalink**) 31/12/2008, 12:28

Pao01:

No me hagas caso en el apartado 2 de mi post anterior, en algún lugar he leido eso, lo he probado ahora y no va. Mejor con algún tipo de guión.

(Error de novato)

Un saludo

pao01 · #7 (**permalink**) 31/12/2008, 12:35

MUCHAS GRACIAS Mik Y Jomaruro

Bueno, el problema venía por ahí; disculpen no haber notado que había escrito mal.

(eso que aún no brindé)

Sigo con un botoncito que aún no lo muestra, pero debe ser algo del mismo estilo.

Pd.: Me siento Feliz (Tengo menú y funciona)

Ya está ahora funciona todo correctísimo. Gracias!!!