Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: a + button -yhdistelmä ei toimi IE:ssä!

ingahilt [24.08.2009 21:02:13]

#

Hei kaikki!

Minulla on seuraava koodi:

...
echo '<a href="index.php?sisalto=tiedostot">
<button type="button">Dokumentit</button></a>';
...

jonka tuloksena on tavallinen näppäin- linkki tietylle sivulle.

Kysymykseni on: miksi se näppäin- linkki toimii Operassa ja Firefoxissa mutta IE: ssä ei ??? Mitä voisi tehdä että se toimisi IE: ssäkin?

Kiitos!

Merri [24.08.2009 21:09:39]

#

Miksi käytät buttonia? Ulkoasun vuoksi? Voit kyllä tyylitellä linkistäkin ihan nappulan näköisen. Nyt käytät sitä väärin, sitä ei ole tarkoitettu linkin sisälle vaan lähettämään lomaketietoja (eli form). Tässä tapauksessa Opera ja Firefox toimivat tavallaan väärin sallimalla moisen yhdistelmän, tavallaan taas oikein antaessaan linkin klikkaamisen toimia myös buttonin lävitse (ensin siis button kyllä saa tiedon näpäytyksestä, mutta koska mitään ei tapahdu niin sitten siirrytään toimimaan seuraavan elementin eli linkin mukaisesti). IE taas ei tavallaan päästä klikkausta nappulan lävitse, ja IE saattaa jopa (tavallaan oikeaoppisesti) katkoa linkin pois nappulan ympäriltä.

Nämä jälkimmäiset sanat siis testaamatta mitään, ihan vain pohjaten aikaisempaan kokemukseen näistä asioista kuvauksesi perusteella.

ingahilt [24.08.2009 21:24:09]

#

Kyllä, VAIN ulkoasun vuoksi :)

Kiitos, koko ajan opin jotain uutta :)

Metabolix [24.08.2009 21:29:32]

#

Ratkaisun alku:
<a href="sivu.php" style="color: black; background-color: #ccc; padding: 0 2px; border: 2px solid #999; border-color: #999 #666 #666 #999">Moi</a>

ingahilt [24.08.2009 21:43:47]

#

Metabolix kirjoitti:

Ratkaisun alku:

Super! Kiitos!
Nyt ei tarvitse yöllä istua :)

Lebe80 [24.08.2009 23:28:31]

#

'The Results' -otsikon alta:

http://particletree.com/features/rediscovering-the-button-element/

Merri [25.08.2009 09:12:22]

#

CSS:n pseudovalitsimilla :active, :hover, :focus jne. saa myös useampia nappulan tiloja täytetyksi. :active toimii silloin, kun hiiren nappula on painettu pohjaan, jolloin nappulan on hyvä näyttää siltä kuin sitä painettaisiin. :hover on varmasti jo tuttu, :focus on voimassa silloin kun nappula voi vastaanottaa näppäimistön syötettä. Näillä keinoin valenappulasta saa jo toiminnaltaan täysin oikean nappulan oloisen.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta