input type = "button" et background-image avec SAFARI pour MAC

07 mai 2008, 13:44

Ben voilà, ce code ne fonctionne pas avec SAFARI pour MAC. Je veux dire que je n'ai pas l'image affichée en background. Rien, nada, alors que c'est sans pb avec IE7, FF, et même SAFARI pour Windows.

Vous avez des explications, des raisons pour que je n'insulte pas le couple safari + mac ?

Code : Tout sélectionner

<input type = "button"  name = "debut" style = "background-image:url(images_nav/diapo_lecture_debut.png)" value = '' onclick = "Dpa_diapo(Dpa_Incr,3)" />

Va voir ce que je peux faire avec un type="image" mais bon (à part dans mon exemple que je peux régler facilement) c'était bien pratique de faire un input type = "submit" ou input type = "button" avec un background-image. Qu'est-ce qu'il a safari pour mac à faire rien qu'à m'embêter ?

07 mai 2008, 13:58

à tu essayer via background plutot que background-image coté CSS?

j'ai aussi eut ds soucis via les type="button" alors que cela fonctionnait avec les type="submit".

j'ai pas encore de mac donc je ne peut pas 'en dire d'avantage

07 mai 2008, 15:07

Merci Beroots, c'est vrai que background passe bien avec FF, IE et SAFARI pour windows.

Alors pourquoi pas, je peux toujours essayer. Mais le pb c'est que je ne peux pas vérifier car je n'ai plus de mac sous la main (j'ai vu ça tout à l'heure chez un copain que je ne reverrai pas avant plusieurs jours).

Si des utilisateurs SAFARI pour MAC pouvaient me confirmer si le fait de mettre background plutôt que background-image règle le problème de l'affichage d'une image de fond dans les input de type submit et button, je pourrais entamer mes modifications. Modifications que je ne vais faire que pour eux, d'ailleurs

08 mai 2008, 00:27

Allé, je me fais plaisir

.

Modération :
AB, tu es sur un forum de bénévoles. Nous ne sommes pas ici pour faire tes script à ta place. Si tu n'es pas content, va voir ailleurs, c'est pareil (mais en moins bien).

Ouahhh, le pied

. Vous m'avez tellement martyriser avec vos modérations déb... (ne pas trop se lâcher ... non, pas trop).

Après cet intermède dénué de sens, je te propose ce beau code CSS :

Code : Tout sélectionner

input[type^="button"],
input[type^="submit"] {
    background: #afc4e3 url("input.png") 0 0 no-repeat;
}

et ce beau code HTML :

Code : Tout sélectionner

<input type="button" value="a value" />
<input type="submit" />

Et, Ô miracle, ça marche

.
Pas de quoi incendier un chat quand même (... pas sûr de mon expression là

).

08 mai 2008, 16:47

OK merci.

Se souvenir donc de ne pas utiliser background-image mais simplement background sinon bug avec certains navigateurs.

08 mai 2008, 17:26

Et de toute façon, background permet une écriture simplifiée (plusieurs propriétés sur une seule ligne), alors autant en profiter (comme font, border, margin, padding etc.)

.

08 mai 2008, 17:54

Pas de quoi incendier un chat quand même (... pas sûr de mon expression là ).

Dans mes souvenirs, c'est plutôt "fouetter un chat". Mais bon ça varie peut-être suivant les régions ou les époques

input type = "button" et background-image avec SAFARI pour MAC

Qui est en ligne