ugrás a tartalomhoz

kép link keretének színe IE7 alatt

pannonia · 2009. Jan. 10. (Szo), 18.15
Sziasztok!

Van egy képem, amire tettem egy linket. A css-ben van egy "a {color:#bf8b5e}" beállítás. Ez firefox alatt működik is. IE7 alatt pedig van a szép virító kék. Hogyan tudom erre az IE-t is rábírni?

Üdv,
Szabó Gábor
‹ Google description nem változik Bonyolult CSS menü "laggol" ›
 ■
1

Csak egy ötlet

Iggy · 2009. Jan. 10. (Szo), 19.43
4 fajta link van, amit tudtommal támogat az IE is. Ezek a link(alap,nem látogatott), active, hover és visited.

a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */

A képlink keretének is ennek megfelelően kéne működnie, esetleg az lehet, hogy mondjuk IE alatt már látogattad azt a linket, ezét más a színe, FF alatt meg nem (csak egy ötlet). Annyit találtam még, hogy a link,visited, hover, active sorrendjének szabvány szerint ilyennek kell lennie, különben nem biztos, hogy mindet értelmezi a böngésző (bár nekem még sosem volt ilyennel problémám).
2

ez megvan nálam is

pannonia · 2009. Jan. 10. (Szo), 20.30
Szia!

Ezek már megvannak, szépen be van állítva mindegyik:

a:link {color: #bf8b5e}
a:visited {color: #bf8b5e}
a:hover {color: #bf8b5e}
a:active {color: #bf8b5e}

ezt a firefox értelmezi a képre is. Az IE7 csak a szöveges linkekre. A képre beteszi alapértelmezett kéket.

egy nagyon egyszerű példa, csak szemléltetés miatt. www.tangoargentino.hu

SZG
4

border

Ustak · 2009. Jan. 10. (Szo), 21.09
A kép körül, ha jól emlékszem, (de ez csak beugrott, nem néztem most utána) a kék keret border, nem pedig color vagy akármi más, tehát én kipróbálnék egy img {border:none; /*vagy amilyet akarsz*/} esetet, hátha bejön .-) Tehát itt a ludas az <img> és nem az <a> tag.
3

Keret

Iggy · 2009. Jan. 10. (Szo), 21.06
Megnéztem az oldalt, amit linkeltél. IE6 van fent csak a gépen, de abban sem volt hajlandó jól színezni a körülötte lévő keretet. Nekem a probléma megoldódott, ha az img elemnek a border-color tulajdonságát beállítottam. Illetve az a hiba megmaradt, hogy ha felé viszed az egeret, nem színeződik el (az IE elég sokáig nem támogatta a hover-t, csak <a> elemre, a 7es nemtudom, hogy támogatja-e). Viszont az FF-nél nem kavart be semmit a border ahogy néztem, ott maradt a linkekre való beállítás.
Ha ezt a megoldást választod és mégis kéne a hover a képre, akkor valószínűleg onmouseover tulajdonság és JS kell a megoldásához.
5

Igy probáld...

Dömcsi · 2009. Jan. 11. (V), 16.44
Igy müködik minden böngészöben:
a{ border:10px ridge gold; display:inline-block;
}
a:hover { border: 10px ridge green;
}
.linkkep {margin-bottom:-6px;border:none
}

<a href="#"><img src="http://weblabor.hu/misc/fs/oojsafelszinfolott.jpg" class="linkkep" /></a>
6

Alternatív megoldás

zila · 2009. Jan. 12. (H), 11.36
a img { margin-bottom:-6px;border:none; }
Ekkor nem kell a class sem, hanem a linken belüli képeknek nem lesz kerete.
7

kösz

pannonia · 2009. Jan. 12. (H), 22.00
Köszönöm szépen a segítségeteket.

Üdv,
Szabó Gábor