Buenas!
Acabo de iniciarme en el mundo del diseño y programación web y aún estoy un poco verde. Pero tengo un gran fallo en cuanto a mi pagina web.
Tengo mi pagina web que en mi localhost se me ve tal y como la quería, pero en cambio cuando la subo al hosting no se me ve la barra de menú. No sé si es por el css o por algo que aún no entiendo, pero me gustaría que me ayudarais ya que me gusta bastante este mundillo y ya no se que hacer.
Os dejo dos fotos, una de mi localhost ( utilizo el wamp server) y otra foto de la web subida al hosting.
Esta es en el localhost que es tal y como yo quiero que se vea Y esta es ya subida en el hosting Os dejare tambien el codigo del css del menu que es el fallo.
Código:
* { margin: 0px;
padding: 0px; outline: 0;
}
#menu { text-align: center;
font-size: 15px;
width: 990px;
margin: 0px auto;
font-family: 'Risque', cursive;
}
#menu ul { list-style-type: none;}
#menu ul li.nivel1 { float: left;
}
#menu ul li a {
display: block;
text-decoration: none;
color: #fff;
background-color: #06F;
position: relative;
padding-top: 6px;
padding-right: 45px;
padding-bottom: 6px;
padding-left: 45px;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #D5EDFF;
color: #000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a {
width: 160px;
padding: 6px 0px 6px 20px;
border-top-color: #000;
text-align: left;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
Web para poder visualizar el fallo http://l2oldtimes.tk
Espero encontrar la solución y que me ayudais para no volver a cometer este error, ya de que de los fallos se aprende.
Gracias de antemano y un Saludo