28172 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai réussi à insérer " Recherche sur le site " ainsi que le bouton "OK"
Ces 2 éléments sont trop distants
Je voudrai que le bouton OK vienne se présenter contre la zone Recherche sur le site
Je n'arrive pas à trouver la solution
Qui pourrait m'aider
le site est visible à cette adresse :
http://www.planete-artisanat-bio.com/planete

Merci pour votre aide, il ne reste plus que cela pour
continuer et le mettre en ligne

Le bandeau sera revu ultérieurement
Bonjour, visiblement ton bouton "OK" hérite de cette propriété, sur global.css :


input, textarea, select, span.editable {
   margin-left: 3em;
}


Il est donc normal que celui-ci soit décalé par rapport à ton champs de saisie.
Re,

Oui, je sais que dans le global CSS, j'ai ce script qui me permet de déplacer l'ensemble
vers la droite ou la gauche par margin-left: 3em;

Mais comment faire venir le bouton ok à droite de la zone

Voici le script du css

input, textarea, select, span.editable {
margin-left: 3em;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
vertical-align: top-center;
outline: none;

Vous en remerciant à l'avance
Et bien en retirant la marge gauche de ce bouton précisément, par exemple :


.bouton-recherche {
  margin-left:0;
}


Vu le travail déjà effectué sur le site, la réponse me semblait pourtant évidente une fois la source du problème évoquée...

Cependant cette solution reste une rustine. Je ne suis pas certain qu'appliquer un margin-left de 3em sur tous les input, textarea et select du site soit une bonne solution, pour commencer.
A mon humble avis, la meilleure solution serait d'appliquer des marges classiques (de l'ordre de quelques pixels) pour ce type d'éléments, puis spécifier des marges sur les cas particuliers nécessitant de l'espacement.
Modifié par Nigel (21 Aug 2010 - 17:01)
Je viens de trouver également

En réalité dans le global CSS, j'ai essayé margin-left:0 3em;

et dans le fichier tpl du module, j'ai réglé le déplacement

J'ai testé avec FF et IE et cela me semble correct

Je vous remercie pour le temps que vous m'avez consacré
et vous souhaite une bonne soirée