Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Problemas en el css.

Estas en el tema de Problemas en el css. en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/01/2013, 09:38
 
Fecha de Ingreso: enero-2013
Mensajes: 3
Antigüedad: 11 años, 10 meses
Puntos: 0
Problemas en el css.

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
  #2 (permalink)  
Antiguo 19/01/2013, 09:50
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Problemas en el css.

Bienvenido a FDW.

Tienes un error en la ruta al archivo CSS, ya que la ruta correcta es Css/menu.css pero lo tienes enlazado a css/menu.css. Mejor trabajar en minúsculas para evitar fallos así.
  #3 (permalink)  
Antiguo 19/01/2013, 10:31
 
Fecha de Ingreso: enero-2013
Mensajes: 3
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Problemas en el css.

Pues si el error venia de ahí Gracias!, pero ahora se me ha descentrado la web, ahora esta en el lado izquierdo :S. Salgo de un apurto y me meto en otro. He mirado en la hoja de estilo css y nada, no se que hacer.

Mirar a ver http://l2oldtimes.tk

Gracias
  #4 (permalink)  
Antiguo 19/01/2013, 10:42
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Problemas en el css.

Mismo problema que antes, pero ahora en un archivo diferente. Cambiaste el nombre de la carpeta a minúsculas pero no el enlace a la hoja de estilos estiloprincipal.css, que sigue apuntando al nombre de carpeta con mayúscula.
  #5 (permalink)  
Antiguo 19/01/2013, 11:18
 
Fecha de Ingreso: enero-2013
Mensajes: 3
Antigüedad: 11 años, 10 meses
Puntos: 0
Respuesta: Problemas en el css.

Solucionado!

Este error creo que ya no lo tendré mas, estoy contento de haber aprendido algo hoy.

Muchísimas gracias!!

Última edición por joseeh91; 20/01/2013 a las 07:16

Etiquetas: hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:46.