Button weergeeft niet in Firefox (alleen Internet Explorer)

[Rozenknopje]

Hoi!!

Ik had een button gemaakt op mijn site, hier voor heb ik een tutorial gebruikt, om dit via css te doen.

Alleen het probleem is, dat het alleen in internet explorer weergeeft en niet in firefox.

Dit is de css code:

a#button {width: 174px; height: 34px; background: url('button.jpg') no-repeat}

En dit is de html code:

<a id="button" href="http://www.google.nl"></a>

Hoe moet ik dit aanpassen, zodat de button weergeven kan worden in zowel Internet Explorer als in Firefox?

Alvast bedankt!!

 

[TheM]

Als ik jouw code in een pagina zet dan krijg ik zowel bij Firefox 3 als IE7 geen knop te zien.

Verder moet je bij een hyperlink ook een tekst zetten tussen de <a ....> en de </a>

<a id="button" href="http://www.google.nl">website van google</a>

 

[Rozenknopje]

Was een foutje, de . moest een # zijn in de css code (heb dit al aangepast). Nu weergeeft ie em wel in IE, maar niet in Firefox.

En ik zet er geen tekst in, omdat dit al in button.jpg staat, dus dat blijft gewoon leeg.

 

[TheM]

Waarom doe je dan zo moeilijk met een style?. Maak er het volgende van:

<a id="button" href="http://www.google.nl"><img width=174px height=34px source='button.jpg'></a>