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:
Web para poder visualizar el fallo http://l2oldtimes.tk* { 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; }
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