conflitto con recaptcha

[leaf]

ciao, ho implementato recaptcha in un mio form e adesso sta andando in conflitto con il css del form..ho risolto una piccola parte con un :not però non riesco a risolvere del tutto..qui si vede la porcheria che è adesso..con firebug ho guardato quali sono gli elementi problematici e ho provato con altri :not ma sono ore che ci sbatto la testa e non ne vengo fuori :/

il codice incriminato è questo

.GEN_form tr td{
    cellspacing:0px;
    font-size:20px;
    width: 200px;
}
.GEN_form tr:first-child, tr:first-child td:not(.recaptchatable recaptcha_theme_red){
    background-color: #52d053; /*verde*/
    color: white;
    text-align: center;
    font-size:24px;
    height: 50px;
}
.GEN_form tr:last-child{
    background-color: #52d053; /*verde*/
    text-align: center;
    height: 50px;
}

grazie

[leaf]

up!

[Fidelitymyapp]

Buonasera leaf,

il conflitto .css che intendi cosa ti provoca? vorresti allineare il recaptcha in un altro modo?

Fammi capire meglio

[Shores]

.GEN_form > tr > td{
    cellspacing:0px;
    font-size:20px;
    width: 200px;
}
.GEN_form > tr:first-child, .GEN_form > tr:first-child > td:not(.recaptchatable){
    background-color: #52d053; /*verde*/
    color: white;
    text-align: center;
    font-size:24px;
    height: 50px;
}
.GEN_form > tr:last-child{
    background-color: #52d053; /*verde*/
    text-align: center;
    height: 50px;
}

Il selettore > ti prende solo i figli diretti: .GEN_form > tr > td prende solo i td che sono figli diretti di un tr che è figlio diretto di .GEN_form, ovvero NON prende nessun td delle sottotabelle di .GEN_form...

[leaf]

.GEN_form > tr > td{
    cellspacing:0px;
    font-size:20px;
    width: 200px;
}
.GEN_form > tr:first-child, .GEN_form > tr:first-child > td:not(.recaptchatable){
    background-color: #52d053; /*verde*/
    color: white;
    text-align: center;
    font-size:24px;
    height: 50px;
}
.GEN_form > tr:last-child{
    background-color: #52d053; /*verde*/
    text-align: center;
    height: 50px;
}

Il selettore > ti prende solo i figli diretti: .GEN_form > tr > td prende solo i td che sono figli diretti di un tr che è figlio diretto di .GEN_form, ovvero NON prende nessun td delle sottotabelle di .GEN_form...

ok quindi dovrei fare una cosa tipo .GEN_form: not(.recaptchable)? perchè ci ho già provato e viene peggio di com'èadesso

Buonasera leaf,

il conflitto .css che intendi cosa ti provoca? vorresti allineare il recaptcha in un altro modo?

Fammi capire meglio

ciao, se vedi il link capisci al volo..c'è del verde nel recaptcha che non dovrebbe esserci e le parti del captcha sono sballate..



grazie!

[Shores]

Perdonami, ma hai provato a correggere il css come ti ho suggerito?

[Fidelitymyapp]

Ha ragione Shores!

Lo stile per adottato per la tabella con la classe .GEN_form non vale per la sotto tabella in cui hai inserito il recaptcha.

Ti conviene inserire una nuova classe che chiamerai ad esempio .recaptcha per cui rifarai tutte le formattazioni che ti servono!

O così o risistemi il codice creando dei div al posto della tabella (che mi sembra anche la cosa migliore perchè puoi crearla responsive)!

Buona giornata