link css

RaSTeRaZo · #1 (**permalink**) 19/02/2006, 08:57

hola gente a ver si me podeis ayudar

Código:

<link rel="StyleSheet" href="wapada.css" type="text/css">

e puesto eso en un documento .htm que he exo con frontpage, pero no coge las propiedades de la css

que pasa? falta algo en el codigo? o sera la hoja de estilo(no creo)

Gracias

ZydRick · #2 (**permalink**) 19/02/2006, 09:10

comprueba ke el archivo css y la pagina donde insertaste ese codigo esten en el mismo directorio

donpincho · #3 (**permalink**) 19/02/2006, 10:05

y un error bastante habitual y de novato es que el nombre del archivo .css esté en mayúsculas o tenga alguna letra en mayúsculas. Recuerda que no es lo mismo 'wapada.css' que 'Wapada.css' ni que 'wapada.CSS'

:P

RaSTeRaZo · #4 (**permalink**) 19/02/2006, 10:34

pues lo tewngo todo bien no se que sera

decidme que mas puede ser...

donpincho · #5 (**permalink**) 19/02/2006, 10:37

entonces dinos las urls del css y de la página donde lo has insertado y te buscamos el error ^^

man0l0 · #6 (**permalink**) 19/02/2006, 10:40

si usas (x)html la sentencia debería ser:
<link href="wapada.css" rel="stylesheet" type="text/css" />
también verifica que tu página html esté en el mismo directorio de la hoja de estilos.

Saludos!

RaSTeRaZo · #7 (**permalink**) 19/02/2006, 11:35

ya lo e solucionado, no habia puesto id en html jej. pero aora no puedo poner el menu en horizontal pongo en la css float: left y no me sale en la pagina

porque puede ser? gracias

man0l0 · #8 (**permalink**) 19/02/2006, 11:45

Publica el código del HTML y del CSS, una razón puede ser que esté "tapado" por otra capa flotante, para eso debes definir los z-index.

Saludos!

RaSTeRaZo · #9 (**permalink**) 19/02/2006, 14:44

bueno, despues de mucho pensar...

tengo este codigo

Código:

/* CSS Document */
ul {  
	list-style:none;
	margin:0;
	padding:0;
}
ul li {
	padding:0;
	float:left;
}
ul li a {
	display:block;
	width:100px;
	padding:40px 10px 4px 10px;
	text-decoration:none;
	text-align:right;
	font-size:11px;
	color:#666666;
	background-image:url(germany.jpg);  //Aqui solo se ve la parte de arriba de la imagen
	border: 1px solid #666666;
}
ul li a:hover {
	color: #000000;
	background-position: bottom; //Aqui muestro la parte de abajo de la imagen
	background-color:#FFFFFF;
}

lo que quiero hacer es...
en el html tengo tres elementos de lista...a esa lista le aplico estos atributos css

lo que intento hacer es ver los elementos de la lista con letras pero fondo blanco y al pasar el raton que salga una imgen de fondo(germany.jpg) y su texto tmb

el caso esque no me va. que ago mal?
necesito poner id a cada elemento de la lista?...creo que no
necesito poner <span></span>...???

Muxas gracias

man0l0 · #10 (**permalink**) 19/02/2006, 14:58

Hola otra vez :)

De lo que puedo ver, no sé que tan correcto sea dar el float:left; al "ul li", yo creo que eso debería ir en el div contenedor de la barra de menús.

Y según lo que dices, creo que están al revés los atributos del link, el link normal (en este caso "ul li a") debieran tener el background-color: #FFFFFF, y el "ul li a:hover" debiera tener el background-image: url(germany.jpg);.

Si lo que quieres es ver el menú horizontalmente intenta usando display: inline-block; y para mozilla display: -moz-inline-box;

Saludos!

RaSTeRaZo · #11 (**permalink**) 19/02/2006, 15:13

Muxas gracias, me has servido de muxo, todo solucionado.

lee tu bandeja de entrada