CSS et Input text

[taholu]

Bonjour, pour commencer la journée : une question C*N

Je l'ai déjà fait mais surement au hasard...

Comment changer l'image d'un bouton de FORM sans avoir un encadrement "carré" et un fond blanc ?

Le secret ne résiderait il pas dans "Display type" ?

J'ai essayé Border non etc mais rien à faire

merci d'avance

[Wolf18]

Salut,

pour utiliser une image comme bouton "submit" sur un formulaire HTML il faut utiliser le code ci-dessous, ou quelque chose de très proche.

<input type="image" src="monbouton.gif" name="ok">

[taholu]

merci mais si tu change le type, tu perds en même temps les fonctionnalités d'envoi du formulaire non ?

[Leonick]

tu définis un id à ton bouton et dans le css tu affectes un fond (background-image) à cet id ou sinon en utilisant les effets de bordure css3 mais qui ne seront pas valables pour quantité de navigateurs

[taholu]

Ah j'y ai cru Leonik mais...ca ne marche pas

voir ce lien :http://www.eurolam.fr/new/14/indexsecure2.php

au mieux j'arrive à ça : http://www.eurolam.fr/new/14/indexsecure.php

Sinon côté CSS3 qu'elles seraient les possibilités ? le site utilise déjà des Polyfils peut être que ca pourrait le faire ?

[Leonick]

tes png ne sont pas transparents ?

[taholu]

MDR ! si biensûr d'ailleurs dans dream, le bouton s'affiche correctement.

J'ai regardé ce que j'avais déjà fait sur d'autre site mais à chaque fois, il y a un fond blanc derrière....donc j'en viens à me demander si c'est possible tout simplement ??

Modifié 26 Août 2011 par Patrick
Inutile de reprendre la réponse précédente, on vient de la lire, merci.

[Dadou]

Ajoute

  background-color:transparent;

a #log #envoi

[Wolf18]

merci mais si tu change le type, tu perds en même temps les fonctionnalités d'envoi du formulaire non ?

Non tu ne perds pas la fonctionnalité de SUBMIT. Mais merci pour la solution en CSS, je ne la connaissais pas et elle me plait déjà plus

[truitas]

Bonjour,

je ne sais pas si cela pourra t'aider mais voici une générateur de bouton CSS3; Il suffit de faire varier les états normal state, hover state et tu devrais arriver à tes fins. (plus besoin d'image et un peu plus rapide)

http://dryicons.com/demos/css3-linear-gradient-buttons-generator/

amicalement yan

[taholu]

Merci les gars la propriété color:transparent est parfaite

Modifié 26 Août 2011 par Patrick
Inutile de reprendre la réponse précédente, on vient de la lire, merci.