[Résolu] Superposition captcha et bouton

[domi et minouche]

Bonjour,

sur mon site, formulaire contact, le bouton envoyer se superpose au captcha.

La page ici: formulaire contact

site Joomla

template:     Beez3          

Comment et où modifier la position du bouton envoyer?

Merci

[Dylav]

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;

 

[domi et minouche]

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

[Dylav]

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>

 

[domi et minouche]

Merci mais pratiquement impossible d 'accéder au HTML

[Dylav]

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

[domi et minouche]

il y a 31 minutes, Dylav a dit :

Tu peux ouvrir le code de chacune en cliquant sur son URL, et tu cherches .form-actions
 

Déjà fait et .form-actions introuvable!!

[Dylav]

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

[domi et minouche]

Voila ce que j'ai trouvé:

html dans Joomla il n'y en a pas ! ...  site web dynamique (php / html)  ????

[domi et minouche]

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;

}