Hogyan lehet rávenni a Firefoxot, hogy ugyanúgy jelenítse meg a linkeket, mint a Google Chrome?
CSS-el. Csinálsz egy 1x1 pixeles GIF-t, a linknek megfelelő színnel (kettőt, ha változik :hover esetén).
Aztán:
a:link, a:visited {
background-image: url("1.gif");
background-repeat: repeat-x;
background-position: bottom;
}
a:hover, a:active {
background-image: url("2.gif");
background-repeat: repeat-x;
background-position: bottom;
}
lehet, hogy így rálóg a betű a háttérre, ezt egy-két pixeles padding-bottom megoldja.
css:
a {
text-decoration: none;
border-bottom: 1px solid Blue;
}
Persze a vonal színét neked kell meghatároznod, és akárcsak a kép-hátteres esetben, a vonal itt is a szöveg legalján (és nem 1-2pixelre a baseline-tól) fog húzódni. Sajnos a szövegek baseline-jához közel csak a valós aláhúzás tud vonalat húzni, mivel ezt maximum egy negatív paddinggal lehetne elérni, azt viszont nem támogatja a css (ha átgondolod nincs is értelme).
A legjobb böngészőfüggetlen megoldás, ha egyáltalán nem használsz aláhúzást, hanem a színkiemeléssel különbözteted meg a linkjeidet.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!