bueno, compis, tengo otro problemilla(como no), el caso es que al pasar sobre un enlace en vez de marcarse solo el enlace, se marca todo el ancho de la pagina, es dificil de explicar :oops: lo que quiero es que quede como el menu que tengo, bueno os dejo mi pag(estoy aprendiendo con ella :oops: )
http://manusweb.atwebpages.com/asi a lo mejor entendeis lo que quiero decir :wink:
MERCI
salu2.
Eso se debe al display block, y lo pedes solucionar de dos formas:
:arrow: Quitando el display block
:arrow: Metiendo los enlaces en con el ancho que quieres que ocupe el enlace
hola compi. el display block no lo tengo, y he estado mirando y experimentando, y no he conseguido hacer lo de los enlacdes, imagino que sera por la hoja de estilos no?, porque me lo hace con todo :? , os dejo la hoja de estilos, por si me podeis indicar por donde meterle mano?
* {text-indent:0px ; 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 {background-color: #E6E6FA;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 ;border-top: black 1px solid;width:800px;height:80px }
#logotipo {width:280px ; float:left;width:125px; }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: yellow ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul
{
padding: 0px;
margin: 0px;
list-style: none;
text-align:left
}
#navegacion li
{
float: left;
position: relative;
width:5em;
list-style: none;
}
li ul /* estilos para el segundo nivel o subsecciones*/
{
display:
position: absolute;
top: 1.2em;
left: 0;
float:left;
list-style:none;
width:8.5em;
background-color:#32CD32
}
#navegacion li>ul
{
top: auto;
left: auto; float:left ;list-style:none;
}
#navegacion li:hover ul,
{
display: block;
float:left;
list-style:none;
}
#contenido {background-color: #FFD39B; border-left:black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color:#FFF5EE; 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 ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#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: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px }
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
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}
#navegacion ul {
padding: 0px;
margin: 0px;
list-style: none;
text-align:left
}
#imag {float:left; margin:0px 80px 0px 80px}
#enlace{background-image: url(objetos/Plantillabanner13.gif) ;background-position: right ;background-repeat: no-repeat;height:100%}
#enlace{padding:2px;margin:0px 10px 10px 600px}
MERCI
salu2
Es esta parte:
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
Tendrías que poner que sól afecte a la capa navegación así:
#navegacion a {color: brown ; text-decoration:none ; display: block }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover {color:red ; text-decoration:underline ; background-color: silver}
#navegacion a:active {}
hola Jugoncan, o no se hacerlo, o no me he explicado, :oops: el caso es que he hecho lo que me has dicho, y me cambia el menu horizontal, que precisamente es lo que me va bien, lo que no me funciona es el resto,cuando pasas por "agregar a favoritos" cambia de color, pero no solo el texto, como en el menu, sino toda la franja horizontalmente(que mal me explico :oops: )
MERCI
salu2
Lo pusiste como te dije? Podrías subirlo para ver como queda?
hola compi, no se notan los cambios :cry: ya esta subido.
MERCI
salu2
Pero tienes que borrar el anterior, el codigo siguiente:
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
