Input et padding

[sim100]

Bonjour
J'ai un champ texte dans lequel je peux écrire quelque chose.
Je trouve que le texte est trop prés de la bordure.
Donc je voudrais mettre un padding de 5px

Le padding ne marche pas !
Y a t-il une solution ou alors je m'y prends mal?

Voila un bout de mon code

Code: Tout sélectionner

input.homesearch { font-size: 16px; border:#DCD069 1px solid; background:#FFFDEA; padding:5px; font-weight: bold }

Merci beaucoup

[e-kiwi]

faudrait mettre le code html de l'input aussi pour voir tes appels de classe

[sim100]

Code: Tout sélectionner

<input type="text" id="monChamp" name="search" style="width:800px;" class="homesearch" />

Voila

Je précise que tout marche, la mise en forme du champs, sauf le padding qui ne fait rien

[spout]

Et il n'y a pas plus bas dans le CSS un code qui override le padding? Le code complet (URL) ce serait plus simple pour t'aider.

[sim100]

Code: Tout sélectionner

nput.homesearch { font-size: 16px; border:#DCD069 1px solid; background:#FFFDEA; padding:5px; font-weight: bold }
select.homesearch { font-size: 16px; border:#DCD069 1px solid; background:#FFFDEA; padding:5px; font-weight: bold }
textarea.homesearch { font-size: 16px; border:#DCD069 1px solid; background:#FFFDEA; padding:5px; font-weight: bold }

A.lien_home_search_ville { color: #d42d27; text-decoration:none; font-size: 11px }
A:hover.lien_home_search_ville { text-decoration:underline }

A.lien_home_search_magasins { color: #7dbe30; text-decoration:none; font-size: 11px }
A:hover.lien_home_search_magasins { text-decoration:underline }

A.lien_home_search_regions { color: #982975; text-decoration:none; font-size: 11px }
A:hover.lien_home_search_regions { text-decoration:underline }

A.lien_home_search_dep { color: #efb700; text-decoration:none; font-size: 11px }
A:hover.lien_home_search_dep { text-decoration:underline }

Voila le code complet plus bas

[bproductiv]

l'url pour jouer avec firefox ?

[tryan]

Salut

Essaye comme ça :

Code: Tout sélectionner

/*css*/
form p.waza input { padding-left:20px;}
input.homesearch { font-size: 16px; border:#DCD069 1px solid; background:#FFFDEA;; font-weight: bold; }


Code: Tout sélectionner

<!--HTML-->
<form>
  <p class="waza">
<input type="text" id="monChamp" name="search" style="width:800px;" class="homesearch" />
</p>
</form>


[sim100]

OK merci tryan
En fait j'ai juste rajouté un <p></p> entre mon <input...> et ça marche

Merci encore