Haluaisin, että sillä sivulla millä ollaan on kyseisen sivun linkin kohdalla oranssi tausta. Se onnistuukin mutta siinä linkissä toimii myös hoover-ominaisuudetkin kun hiiren vie päälle. . Miten ne saa pois?
sivu1
kaksi
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Helvetica, sans-serif;
font-size: 80%;
}
#navcontainer li {
margin-left:3px; }
#navcontainer a
{
display: block;
padding: 0px 0px 0px 10px;
width: 120px;
background: white none;
color:#000080;
}
#navcontainer a:link, #navlist a:visited
{
color: #000080;
background: white none;
text-decoration: none;
}
#navcontainer a:hover
{
background: white none;
color: #000080;
text-decoration: underline;
}
#navlist li a#current
{
background:#FF6600; none;
color:Black;
}
CSS
sivu1
kaksi
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Helvetica, sans-serif;
font-size: 80%;
}
#navcontainer li {
margin-left:3px; }
#navcontainer a
{
display: block;
padding: 0px 0px 0px 10px;
width: 120px;
background: white none;
color:#000080;
}
#navcontainer a:link, #navlist a:visited
{
color: #000080;
background: white none;
text-decoration: none;
}
#navcontainer a:hover
{
background: white none;
color: #000080;
text-decoration: underline;
}
#navlist li a#current
{
background:#FF6600; none;
color:Black;
}
CSS
Vastaukset 3
Vanhimmat
Heh... kiva palvelu toi list-o-matic :)
Linkki poies? Mikäli noi on ihan staattisia sivuja, niin linkki kylmästi pois. Pelkkä teksti vaan ja muotoilu CSS:llä. Mitä sitä suotta pitää linkkiä samalle sivulle...
Onnistui! List-o-matic on oiva lelu. Sillä olen harjoitellut ja vaikka kaikki ei ihan aina onnistukaan niin jotakin jo menee hatun alle.
poista css:stä
#navcontainer a:hover
{
background: white none;
color: #000080;