[RÉGLÉ] bouton ENVOYER presque invisible !

[autismevies]

bonjour,
après maintes manipulations, je n'arrive pas à modifier le CSS pour que le bouton ENVOYER soit plus visible ;
voici le lien de mon site : http://autismevies.free.fr/index.php...d=2&Itemid=140
je me demande s'il n'y a pas comme une incompatibilité avec le template que j'utilise... mais bon, j'ai pas trop envie d'en changer...
est ce quelqu'un peut m'aider ???
yas

[RobertG]

Re : bouton ENVOYER presque invisible !

Dans ckforms.css, pour la définition ci-dessous, ajoute une couleur (color:#000000; par exemple), car celle du texte du bouton est dérivée du template, en "CCCCCC".

.ckform input {
border: 1px solid #999999;
padding: 2px;
}

[autismevies]

Re : bouton ENVOYER presque invisible !

tout d'abord merci pour cette réponse rapide !
une seule chose à changer après cette modif : c'est la bordure de la case ENVOYER ; elle est noire;
je colle ci dessous la CSS :

#ckformcontainer {
width: 100%;
}

.ck_mandatory {
color:#FF0000;
padding: 0px;
font-size:0.83em;
font-weight: bold;
}

.ckform_tooltip, .ckform_tooltipcss {
margin-top: 13px;
margin-left: 5px;
}

.ckform {
margin-top: 10px;
}

.ckform div.error {
display: none;
}

.ckform div.fc-error {
margin-left: 20%;
border: none;
background:none;
padding: 0px;
}

.ckform div.fc-error p {
margin: 0px;
padding: 0px;
color:#F00 !important;
}

.ckform input {
border: 1px solid #000000;
padding: 2px;
}

.ckform input:focus {
border: 1px dotted #000000;
}

.ckform input.error {
border: 1px dotted #FF0000 !important;
}
.ckform textarea.error { border: 1px dotted red; }

#ckpoweredby {
text-align:center !important;
margin-top: 10px;
margin-bottom: 10px;
}

#ckpoweredby a {color:#666666;}

.captchaCont {
margin-top: 10px;
}

.ckBtnCon {
text-align: center !important;
margin-bottom: 10px;
margin-top: 10px;
}

/* CSS layout */

.ckCSSlabel {
display: block;
float: left;
margin-top: 10px;
width: 20%;
font-size:1em;
}

.ckCSSinput {
width: 76%;
margin-top: 10px;
background:none;
}

.ckCSSinput input {
background:none;
}

.ckCSSinputnowidth {
display: block;
float: left;
margin-top: 10px;
}

.ckCSSTip {
background-image: url(../img/info-bck.png);
background-repeat:no-repeat;
background-position:right;
}

.ckCSSclear {
margin: 0px;
padding: Opx;
clear: both;
}

.ckCSSFloatLeft {
float: left;
}

.ckCSSbot10 {margin-bottom: 10px;}
.ckCSSbot5 {margin-bottom: 5px;}
.ckCSStop10 {margin-top: 10px;}

.ckCSScenter {
text-align:center !important;
margin-top: 10px !important;
}

.ckCustomText {
margin-top: 10px;
}

.ckNoBorder {
visibility:hidden;
}

.ckpagination {
text-align:center !important;
margin-bottom: 15px;
}

.ckdatatable {
margin-top: 20px;
margin-bottom: 10px;
width: 100%;
border-collapse:collapse;
}

.ckdatatableborder td {
border : 1px solid #ccc;
}

.ckfrontlabel {
height: 30px;
padding-right: 20px;
font-weight: bold;
color:#666;

[RobertG]

Re : bouton ENVOYER presque invisible !

Si la bordure du bouton est noire, c'est parce que tu as changé sa valeur !
Je t'ai dit de rajouter une propriété "color" à la définition citée.

[autismevies]

Re : bouton ENVOYER presque invisible !

Juste un ENORME ENORME Merci !!!!!
ça marche ! ça évitera que les gens envoient 2 fois le formulaire !!!