CSS - reCAPTCHA la largeur de l'image

J'ai besoin de spécifier deux largeurs différentes pour "#recaptcha_image"
Comme le recatcha image est placée dans #recaptcha_image div, j'avais ajouté largeur dans mon CSS, comme suit:

#recaptcha_image img {width: 200px !important; height: 38px !important; }

Que je ne peux pas changer le DIV id, comment puis-je spécifier la deuxième largeur de #recaptcha_image dans le même fichier CSS?
Je peux utiliser UN seul fichier CSS parce que j'ai un en-tête commun, qui comprend le fichier CSS.

Grâce.

Pourquoi vous ne pouvez pas modifier div id?
si vous souhaitez inclure reCAPTCHA, vous placez un vide recaptcha_image div, dans lequel reCAPCTAH image est chargée. code.google.com/apis/recaptcha/docs/customization.html
ok, donc je pense que vous pouvez les mettre dans supplémentaires divs avec différentes classes ou id. Ne pouvez-vous pas?
J'ai compris qu'déjà. Merci beaucoup.

OriginalL'auteur Roman | 2011-06-16

  1. 1

    Vous pouvez créer une classe dans le CSS avec une largeur différente:

    #recaptcha_image img.newWidth {width: 100px }

    Il vous faudra alors ajouter que la classe de l'élément à l'heure requise.

    Je sais que vous n'avez pas mentionné le code JavaScript de la question, mais vous pouvez également utiliser JavaScript pour modifier la largeur si nécessaire, par l'utilisation de element.style.width = '100px';

    Merci pour la réponse. reCAPTCHA est chargé par la commande d'une div vide, comme: <div id="recaptcha_image"></div>. Alors, comment je qualifierais de l'img.newWidth classe?
    Comme jacques a dit avec jquery. $('#recaptcha_image img').addClass('newWidth'); Le faire quand la page a fini de charger.
    J'ai résolu le problème. Merci quand même.
    ce serait bien si vous pouviez partager la solution avec nous. Je suis encore à essayer de résoudre ce problème.

    OriginalL'auteur James Allardice

  2. 1

    Suivant supprime le fixe, les attributs de la ASPX contrôle et ajoute un couple de classes pour la mise en forme.

    $(document).bind('pageinit', function () {
    var cell = $('#recaptcha_response_field');
    cell.removeAttr('style');
    cell = $('.recaptcha_image_cell');
    cell.addClass('CaptchaCell');
    cell.removeAttr('width');
    cell = $('#recaptcha_image');
    cell.addClass('CaptchaWidth');
    cell.removeAttr('style');
    cell = $('#recaptcha_image img');
    cell.addClass('CaptchaWidth');
    cell.removeAttr('width');
    cell.removeAttr('height');
    cell.removeAttr('style');
});

    C'est le CSS pour réduire la taille de l'Captcha cellules après le ci-dessus est appliquée. Mise à l'échelle pour les médias est laissé comme exercice pour vous...

    /* Captcha smallest settings */
.CaptchaCell {
    width: 202px;
}

.CaptchaWidth {
    width: 200px;
    height: 57px;
}
.recaptchatable {
    width: 252px;
}
#recaptcha_response_field {
    width: 200px;
    border: 1px solid #3c3c3c;
}

#recaptcha_tagline {
    display:none;
}
#recaptcha_logo {
    display:none;
}

    OriginalL'auteur KenF