CSS - CSS no se muestra en HTML

   
Vista:

CSS no se muestra en HTML

Publicado por Leonardo (1 intervención) el 01/12/2015 16:08:55
Hola gente, les escribo porque tengo un menu hecho en un archivo externo CSS y cuando lo quise llamar desde HTML no me muestra la parte de diseño. A continuación les dejo los dos archivos,


HTML:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
<title>Trabajo práctico Nº2.</title>
<link rel=StyleSheet href="/xampp/htdocs/TP/estilo.css" type="text/css">
<meta charset="utf-8">
</head>
<body>
<ul id=”button”>
<li><a href=”parabrisas.html”>Parabrisas</a></li>
<li><a href=”motor.html”>Motor</a></li>
<li><a href=”puerta.html”>Puerta</a></li>
</ul>
<br>
<br>
<br>
<map name="areas">
<area shape="rect" coords="129,100,253,140" href="parabrisas.html">
</area>
<area shape="rect" coords="253,101,322,174" href="puerta.html">
</area>
<area shape="rect" coords="221,138,57,197" href="motor.html">
</area>
</map>
<center><img src="imagenes/auto.jpg" usemap="#areas"></center>
</body>
</html>


CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#button li {
display: inline;
}
 
#button li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}
 
#button li a:hover {
background-color: #2586d7;
margin-top:-2px;
padding-bottom:12px;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

CSS no se muestra en HTML

Publicado por xve (351 intervenciones) el 01/12/2015 16:25:58
Hola Leonardo, creo que la ruta del archivo css es erronea...
1
<link rel=StyleSheet href="/xampp/htdocs/TP/estilo.css" type="text/css">

Prueba sin la parte tachada...

Tienes que indicar siempre desde la raíz del dominio, no desde la raíz del ordenador.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
Imágen de perfil de daniel

CSS no se muestra en HTML

Publicado por daniel (2 intervenciones) el 13/12/2015 16:04:47
Forma incorrecta:
1
<link rel=StyleSheet href="/xampp/htdocs/TP/estilo.css" type="text/css">

Forma correcta:
1
<link rel=StyleSheet href="TP/estilo.css" type="text/css">

Calculo que dentro de la carpeta htdocs esta el index.html y la carpeta TP. Dentro de la carpeta TP esta estilo.css...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar