Forums Développement Multimédia

Aller au contenu

formulaire personnalisé

CODE HTML CSS

12 réponses à ce sujet

#1 stratWeb

  • Guests

Posté 19 July 2010 - 14:18 PM

salut à tous

je me tourne vers vous aujourd'hui car je suis en train d'essayer de réaliser un formulaire personnalisé pour mon site en html mais je ne sais pas comment modifier les input pour qu'ils n'aient pas de couleur de fond par exemple ou pour ajuster leur taille en hauteur ou pour appliquer du css dessus.

merci par avance pour votre aide

#2 funkybobot

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 123 messages

Posté 19 July 2010 - 14:34 PM

Bonjour,

il te suffit d'ajouter dans ta feuille de style CSS un truc du genre :


input{
        background:none;
        height:50px;
}
 

il te suffit ensuite d'ajouter et de modifier les caractéristiques css

;-)

#3 stratWeb

  • Guests

Posté 19 July 2010 - 14:50 PM

en fait j'avais trouver mais je parle souvent trop vite...
merci à toi en tout cas

#4 stratWeb

  • Guests

Posté 19 July 2010 - 14:52 PM

sinon comment fait-on pour que lors du lancement de la page le curseur se place directement sur le premier champ?

#5 stratWeb

  • Guests

Posté 19 July 2010 - 16:09 PM

j'ai testé ceci http://noel.laporta....fr/contact.html

et cela marche niquel sur chrome mais absolument pas sur internet explorer 7... ;-)

pouvez vous tester et me dire comment peut on résoudre ça svp..
peut on différencier le css pour chaque navigateur??

#6 stratWeb

  • Guests

Posté 19 July 2010 - 16:15 PM

et aussi pourquoi index.html s'affiche correctement en local et pas en ligne?

#7 stratWeb

  • Guests

Posté 20 July 2010 - 08:18 AM

personne???

#8 funkybobot

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 123 messages

Posté 20 July 2010 - 09:59 AM

voici ton formulaire,

sous Firefox Mac :
Image IPB

sous Chrome Mac :
Image IPB

sous Safari Mac :
Image IPB

autre chose, essaie d'alléger ton image de fond, elle met du temps à se charger.

Modifié par funkybobot, 20 July 2010 - 10:00 AM.


#9 stratWeb

  • Guests

Posté 20 July 2010 - 10:49 AM

merci beaucoup pour cette réponse

tu as pris du temps pour faire ça et je t'en remercie.

#10 stratWeb

  • Guests

Posté 20 July 2010 - 16:55 PM

pourriez-vous tester et me dire si cela s'afficher correctement chez vous ;-)

merci beaucoup

#11 stratWeb

  • Guests

Posté 20 July 2010 - 17:40 PM

Oups jai oublié l'url http://tvwatch.free.fr

C'est bizarre car j'ai testé sur deux pc differents: le mien et un autre et cela marche parfaitement chez moi mais pas sur l'autre alors que j'ai réglé un css different pour IE.
Les labels se decalent chez vous?

#12 Ren

  • Moderateur
  • PipPipPipPipPipPipPipPip
  • 600 messages

Posté 20 July 2010 - 19:14 PM

Bonjour,

une petite critique constructive pas négative.

ton formulaire est très mal codé et les décalages ne sont pas très surprenant.

Pas de fieldset, aucun label, des br ? (qui en plus se codent correctement <br />) etc..

Voici un article complet sur les formulaires qui méritent quelques minutes d'attention ;-)
Les formulaires - XHTML sur le siteduzero.com

un petit conseil : au lieu d'utiliser des <br /> utilise l'attribut "margin-bottom" dans tes css.

A bientôt.
Ren
---------- anonymation - Studio de création ----------
www.anonymation.com - blog.anonymation.com
---------------------- Projets internes ---------------------
www.mavoiturealouer.com - www.cosplay-it.com

#13 Delphine Dy

  • Guests

Posté 04 August 2010 - 13:15 PM

hello

Tu peux typer les input aussi. Tu trouveras les formules magiques avec la console javascript de google chrome.

Si tu types tout, que tu utilises les labels et les bonnes propriétés des CSS, ton formulaire est une suite de <label><input>. Tu changes de site, tu changes les CSS et tu ne changes rien à ton formulaire.

a+

Dy



1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP