Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

[Résolu] Superposition captcha et bouton


Messages recommandés

Bonjour domi et/ou minouche !

Tout d'abord, je vais déplacer ce sujet dans la section Programmation.

Ensuite, si tu regardes le code de ta page, tu vois en particulier

<div class="form-actions">
  <button class="btn btn-primary validate" type="submit">Envoyer</button>
  ... 
</div>

Il suffit donc d'aller modifier, dans la feuille de style, la classe form-actions, par exemple en y ajoutant une marge gauche de quelques centaines de pixels.

margin-left: 300px;

 

Lien à poster
Partager sur d’autres sites
  • Dylav changed the title to Superposition captcha et bouton

Merci Dylav

Mon problème est que ce site est une vrai "usine à gaz" pour moi!!!

Je n' arrive pas à trouver le fichier css qui correspond (15 fichiers css dans le panneau administratio...)

En ouvrant ces fichiers, je ne trouve pas la classe form-actions

Lien à poster
Partager sur d’autres sites

Alors, on peut faire autrement, ce sera un peu moins propre mais terriblement efficace, à condition que tu puisses accéder en modification au code source HTML de ta page.
Sur la fameuse ligne 271 que je t'ai développée ci-dessus, tu ajoutes la clause de style ainsi

<div class="form-actions" style="margin-left:300px">
  <button class="btn btn-primary validate" type="submit">Envoyer</button>
  ... 
</div>

 

Lien à poster
Partager sur d’autres sites

Alors je crois qu'il faut creuser côté CSS.

Au début de ton code source (que tu peux accéder par Outils> Développements web > Code source de la page, du moins sous Firefox), repère toutes les feuilles de style énumérées (ligne <link href="..." rel="styleshhet" ...>).

Tu peux ouvrir le code de chacune en cliquant sur son URL, et tu cherches .form-actions
Tu trouveras forcément de quelle feuille de style il s'agit...

Lien à poster
Partager sur d’autres sites

Es-tu sûr de ne pas pouvoir ouvrir le code HTML en mise à jour ?
Sinon, je ne vois pas quoi ajouter, désolé… :chpas:

Lien à poster
Partager sur d’autres sites

Pour mon "bouton" avec Firebug  j'ai ça, mais je ne trouve pas comment déplacer le bouton envoyer:


élément {

}
.button, button, p.readmore a, #header input.button, .pagenav a:link, .pagenav a:visited, #advanced-search-toggle,
 .profile-edit a:link, .profile-edit a:visited, h3.js_heading {

    background-color: #ddd;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#dddddd");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
    background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
    background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
    background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
    background-image: -o-linear-gradient(top, #ffffff, #dddddd);
    background-image: linear-gradient(#ffffff, #dddddd);
    border-color: #b2b2b2 #b2b2b2 hsl(114, 0%, 62.5%);
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.49);
    -webkit-font-smoothing: antialiased;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #de2a20;
    border: solid 1px #ddd;

}
.button, button, .profile-edit a {

    border-radius: 3px;
    padding: 4px;
    line-height: 1.2em;
    text-decoration: none;

}

 

Lien à poster
Partager sur d’autres sites
  • Dylav changed the title to [Résolu] Superposition captcha et bouton

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

  • En ligne récemment   0 membre est en ligne

    Aucun utilisateur enregistré regarde cette page.

×
×
  • Créer...