Hice exactamente lo mismo que dice en la guía pero no sé... no funciona =S
Esto tengo en mi plantilla de estilos-general.css:
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
En qué puedo estar fallando?
Gracias.
hola para ayudarte ahora, y en el futuro
danos los codigos completos de tu web
o mejor aun... la url para verlo
pero.... te adelanto
eso solo funciona en la red, no en la vista previa de local
saludos
Estoy haciendo el ejemplo de la guía. Acá está el html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<title>Souvenirs</title>
<link rel="stylesheet" href="../estilos-general.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">
<a href="../index.html">
[contenido no disponible]
</a>
</div>
<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Portada
Historia
Discografía
Conciertos
Descargas
Foro
Souvenirs
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
<ul>Enlace 1Enlace 2Enlace 3Enlace 4
</div>
<h1>Souvenirs</h1>
La banda nació en 1982, cuando tras ver por la tele un concierto de Bruce Springsteen dos chavalotes se digeron... y si aprendemos a tocar algo? Fue entonces cuando Juanito se compró su primera batería y Pepito su primer ampli y guitarra. Tras encontrarse con Pablito y convencerle de que le pidiera el bajo a su tio, empezaron a ensayar en el garaje de uno de ellos. Al principio intentaban tocar sus canciones preferidas, las que sonaban en esos momentos por la radio y cosas así. Más tarde Pepito empezó a escribir algunas letras a las que pusieron música. Así nació la banda, imagino que, igual que muchas otras</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>Foro EjemploContactosNos Enlazan
</div>
<div id="piedos">Pie dos</div>
<div id="pietres">
<ul>DirectorioTopSiteMapa de la Web
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Y acá el css:
* {margin:0px ; padding:0px ; border: 0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#publicidad {width:518px ; float:right ; margin-top:25px}
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px}
#navegacion ul {margin-left: 180px}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {width: 150px ; float:left ; text-align:left ; margin: 3px 10px 3px 3px ; background-image: url(objetos/menu-parte-inferior.gif) ; background-position: bottom ; padding-bottom:5px}
#menu li {list-style:none ; margin: 4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px ; background-image: url(objetos/menu-curva-superior.gif) ; padding-top:12px}
#pie {background-color: white ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid ; height: 65px}
#pie li {list-style: none; font-size: 10px}
#pieuno {float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
pues yo lo veo con opera
y funciona muuuy bien
saludos
Entonces debe ser problema del internet explorer... puede ser?