[css3] Knoppen werken niet onder IE8

[StarZ]

Hallo,

Ik heb weer een (noob) vraag... Ik gebruik voor een site die ik maak voor mijn vader een mooie CSS3 knop. Alleen zul je nu mischien wel begrijpen dat CSS3 niet ondersteund wordt in IE8. Ook doen de href verwijzingen het niet naar mijn andere pagina's...

Dit zijn mijn code's

HTML:

<a href="highres/highres.html"><input type="button"class="button"value="Home"></button></a>
<a href="/highres/groepen.html"><input type="button"class="button"value="Groepen"></button></a>
<a href="/highres/onze_club.html"><input type="button"class="button"value="Onze club"></button></a>
<a href="/highres/contact.html"><input type="button"class="button"value="Contact"></button></a>
<a href="/highres/portal.html"><input type="button"class="button"value="Portal"></button></a>

en de css3

*knip*

Hoe los ik dit op?

mvg Harm

[ Voor 117% gewijzigd door MueR op 22-11-2010 10:31 ]

[Nibbz]

ik denk dat je de input er opzich uit kunt halen. Je kunt ook je 'a' element zo stijlen.

want een button binnen een a (link) dat, voelt een beetje raar aan

[StarZ]

Doet hij het dan of is dat alleen om dat het raar is?

[gvdh]

Sowieso klopt je html niet:

HTML:

<input type="button"class="button"value="Home"></button>

Tussen een attribuutwaarde en het volgende attribuut hoort een spatie, en een input-tag kan je natuurlijk niet afsluiten alsof het een <button> is.
Dit zou dus beter zijn:

HTML:

<input type="button" class="button" value="Home">
of
<button class="button">Home</button>

Maar in jouw geval kan je beter zoals hierboven gezegd je link stylen. Een button dient om een formulier te verzenden of javascript uit te voeren o.i.d., niet om te navigeren.

offtopic:
Gebruik a.u.b. codetags om code te posten.

[Nibbz]

probeer de class 'button' op je link te zetten

<a href="linknaarpagina.html" class="button">linknaam</a>

[MueR]

Kom op zeg, een beetje eigen inzet mag wel. Met dergelijke HTML is het geen wonder dat er dingen niet werken. Er is je zaterdag nog verteld dat je quirksmode triggert. Gebruik de validator eens op je site. Verder ben je reeds bekend met de code tag, gebruik hem dan ook.

Dat je net bent begonnen met HTML is prima, maar we verwachten wel wat zelfredzaamheid. Dit topic gaat dicht.