Kitinä

Case tämä:
kuva linkkinä. Kun linkkiä klikataan [active], osa selaimista tekee linkkikuvakkeen ympäri "katkoviivan", joka näyttää ikävältä. Millä tästä pääsisi tyylimäärittelyissä eroon? A:active on se jota kutsutaan mutta mitäpä hakasulkuihin sisällöksi?

Ei tule mieleen kuin {border: none; } , mutta sehän on linkkikuvan oletusrajaviivaan, ei tuollaiseen selainten erikoisvaivaan.

Tämmöstä tarjottiin jossain:
A:active {border-bottom: none;}

... mutta tuolla ei ollut vaikutusta. Oikeaan luokkaan tuo osoitti, kokeilin antaa arvoksi display:none ja elementti katosi näkyvistä kun sitä klikkasi. Mutta se typerä katkoviiva aktivoituna näkyy edelleen. Noo, täytyy jatkaa tutkimuksia..

Hetki.. pelkkää AAtako kutsut etkä IMG-linkkiä tarkemmin? "Kuvakkeesta" puhuit yllä.
Siis
A:active IMG ja sitten hakasulut sisälmyksineen { border: none; } tai { border: 0px; }
olis tarkemmin linkkikuvasta.

Ää, eei. Tai siis siinä mitä kirjoitit oli järkeä, mutta kun testasin, niin reagoi ihan samalla tavalla A:active sekä A:active IMG

Tarkennus: ja kohteena on roll-over-linkkikuva.

Kyllä tuon borderin pitäis tepsiä nimenomaan kuviin, ei kai muutakaan ole.
Voisithan huvikseen kokeilla vielä mitä tekstilinkkien { text-decoration: none; } (vaimitensemeni) kuville tekee vai tekeekö mitään.

Missä selaimissa tuo ilmenee? En ole vastaavaa nähnyt tai kiinnittänyt huomiota. Jos se on vain selaimen ominaisuus, jolle ei mahda mitään?

Gattaca kirjoitti:Kyllä tuon borderin pitäis tepsiä nimenomaan kuviin, ei kai muutakaan ole.
Voisithan huvikseen kokeilla vielä mitä tekstilinkkien { text-decoration: none; } (vaimitensemeni) kuville tekee vai tekeekö mitään.

Missä selaimissa tuo ilmenee? En ole vastaavaa nähnyt tai kiinnittänyt huomiota. Jos se on vain selaimen ominaisuus, jolle ei mahda mitään?

IE näyttäis tuota viljelevän, tässä 7beta, mutta olen aika varma että olen nähnyt saman ilmiön vanhemmillakin versioilla. Opera ja FF eivät edes mokomaa tee.
Ei tuo text-deco varmaan auta, koska kyseessähän ei ole teksti tai tekstiä sisältävä elementti.

killkill kirjoitti:IE näyttäis tuota viljelevän, tässä 7beta, mutta olen aika varma että olen nähnyt saman ilmiön vanhemmillakin versioilla. Opera ja FF eivät edes mokomaa tee.
Ei tuo text-deco varmaan auta, koska kyseessähän ei ole teksti tai tekstiä sisältävä elementti.

Kokeilin just tällä IE kutosella enkä näe mitään tuollaista. Katkoviivaakaan, siis tavallisissa kuvalinkeissä. Jos se sun rolloverisi tekee jotain häikkää? Siihen en yritä sotkeutua.

Joo, ei se text-deco varmaan mitään tee, mutta selaimiahan mun mielestä sopii yrittää maanitella kaikilla validaattorien vihaamilla tavoillakin. Ihme oikukkaita elukoita.

Kun en oikein jaksa uskoa että se johtuu tuosta roll-over skriptistä. IE:n olen nähnyt aikaisemminkin tekevän tuollaisia - siis aina kun klikataan kuvaa joka on linkki. Äsh, kyllä se vielä jostain vastaan tulee.

Googletin:
http://www.forum4designers.com/message286838.html
Ja vähän alaspäin sivua:

Chunder <[email protected]> wrote in message news:42f5c9fb$0$3509$[email protected]
.net...
>
> I have created an image link including the instruction border="no" which
> works fine. However after clicking on the link a thin dotted white border
> stays round the image, until somewhere else on the page is left-mouse
> clicked. This only happens in IE not Netscape. How can I prevent this
> unsightly occurrence?
>

Inside the <A> tag, insert:

onmouseup='if(this.blur)this.blur()'

This will remove the dotted line as soon as the button is released, without
interfering with keyboard navigation.

Alternatively, insert the script below at the bottom of the page ( or at lea
st below all the links ).

<script type='text/javascript'>
if(document.links)
for(var i=0; i< document.links.length; i++)
document.links.onmouseup=function(){if(this.blur)this.blur()};
</script>

Koetin tota jälkimmäistä, nou effect. Kiits kuitenski

No perkele!! Toi setä sanoo että se toimii!

Entäs tämä:
<script>
<!--
function RemoveDot()
{
for (a in document.links) document.links[a].onfocus =
document.links[a].blur;
}
if (document.all)
{
document.onmousedown = RemoveDot;
}
file://-->
</script>

EDIT: Pornosivulta tietenkin!!

noup. Mä olen ihan varma että tuo ratkeaa vielä jollain css-tunkkauksella... jonka etsimistä jatkan huomenna. Thx