Webmaster Hub: CSS et Input text - Webmaster Hub

Aller au contenu

Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

CSS et Input text Background Noter : -----

#1 L'utilisateur est hors-ligne   taholu 

  • Groupe : Actif
  • Messages : 24
  • Inscrit(e) : 04-juillet 11
  • Société:Blink

Posté 17 août 2011 - 10:04

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 ;)
0

#2 L'utilisateur est hors-ligne   Wolf18 

  • Groupe : Membre+
  • Messages : 623
  • Inscrit(e) : 02-février 06
  • Genre:Homme
  • Localisation:Lyon, France

Posté 17 août 2011 - 11:29

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">

Actualité Gran Turismo 6 - simulateur de conduite
Site d'actualité GTA 5 : infos et rumeurs
Webmaster sur Lyon (69) et à distance
0

#3 L'utilisateur est hors-ligne   taholu 

  • Groupe : Actif
  • Messages : 24
  • Inscrit(e) : 04-juillet 11
  • Société:Blink

Posté 17 août 2011 - 11:41

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

#4 L'utilisateur est hors-ligne   Leonick 

  • Groupe : Hubmaster
  • Messages : 1 313
  • Inscrit(e) : 07-mars 05
  • Genre:Homme
  • Localisation:Val de Marne

Posté 17 août 2011 - 12:09

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
0

#5 L'utilisateur est hors-ligne   taholu 

  • Groupe : Actif
  • Messages : 24
  • Inscrit(e) : 04-juillet 11
  • Société:Blink

Posté 17 août 2011 - 16:20

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.f...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 ?
0

#6 L'utilisateur est hors-ligne   Leonick 

  • Groupe : Hubmaster
  • Messages : 1 313
  • Inscrit(e) : 07-mars 05
  • Genre:Homme
  • Localisation:Val de Marne

Posté 17 août 2011 - 16:35

tes png ne sont pas transparents ?
0

#7 L'utilisateur est hors-ligne   taholu 

  • Groupe : Actif
  • Messages : 24
  • Inscrit(e) : 04-juillet 11
  • Société:Blink

Posté 17 août 2011 - 21:29

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 ??

Ce message a été modifié par Patrick - 26 août 2011 - 08:25.
Raison de l'édition : Inutile de reprendre la réponse précédente, on vient de la lire, merci.

0

#8 L'utilisateur est hors-ligne   Dadou 

  • Light or Dark Side ?
  • Groupe : Fondateur
  • Messages : 3 244
  • Inscrit(e) : 29-avril 04
  • Genre:Homme
  • Localisation:13 rue Offenbach, Barentin

Posté 17 août 2011 - 23:12

Ajoute

  background-color:transparent;


a #log #envoi
« Demander ne coûte qu’un instant d’embarras ; ne pas demander, c’est être embarrassé toute sa vie. » (Proverbe japonais)
- Mon petit site a moi
0

#9 L'utilisateur est hors-ligne   Wolf18 

  • Groupe : Membre+
  • Messages : 623
  • Inscrit(e) : 02-février 06
  • Genre:Homme
  • Localisation:Lyon, France

Posté 18 août 2011 - 10:25

Voir le messagetaholu, le 17 août 2011 - 11:41, dit :

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 :p
Actualité Gran Turismo 6 - simulateur de conduite
Site d'actualité GTA 5 : infos et rumeurs
Webmaster sur Lyon (69) et à distance
0

#10 L'utilisateur est hors-ligne   truitas 

  • Groupe : Actif
  • Messages : 37
  • Inscrit(e) : 09-juillet 08

Posté 23 août 2011 - 17:16

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/...tons-generator/
amicalement yan
0

#11 L'utilisateur est hors-ligne   taholu 

  • Groupe : Actif
  • Messages : 24
  • Inscrit(e) : 04-juillet 11
  • Société:Blink

Posté 23 août 2011 - 18:27

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

Ce message a été modifié par Patrick - 26 août 2011 - 08:25.
Raison de l'édition : Inutile de reprendre la réponse précédente, on vient de la lire, merci.

0

Partager ce sujet :


Page 1 sur 1
  • Vous ne pouvez pas commencer un sujet
  • Vous ne pouvez pas répondre à ce sujet

1 utilisateur(s) en train de lire ce sujet
0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)