CSS : Mettre une image a droite

[phcm64100]

Bonjour a tous
en bas de mon site ai un cadre avec du texte, mais sur la droite je voudrais insérer un drapeau, mais je n y arrive pas, voici le code du CSS pour le cadre du bas

merci de votre aide

#home_page_comment_id {
    margin-top: 10px;
    padding: 0px;

    /*Je voudrais mettre une image a droite */
    float:right"><img src="../resources/basque.png"

    /*PCM*/
    border: 1px solid #444855;
    -moz-border-radius: 3px;
    border-radius: 8px;
    box-shadow: 5px 5px 4px rgba(0,0,0,0.5);
    background-color:#FFF /*PCM    */
}
{

 

[edenpulse]

Il y a 2 façons de faire, soit l'ajouter dans l'html et le mettre en float right en css
soit directement définir un background dans ton block #home_page_comment_id

background-image - CSS: Cascading Style Sheets | MDN

The background-image CSS property sets one or more background images on an element.

developer.mozilla.org

avec un background position:

background-position - CSS : Feuilles de style en cascade | MDN

La propriété CSS background-position permet de définir la position initiale, relative à l'origine définie par background-origin, pour chaque image d'arrière-plan.

developer.mozilla.org

 

[phcm64100]

Mais pas une image de fond juste une petite image sur la droite comme sur la photo

 

[edenpulse]

J'ai bien compris oui. Et tu peux le faire des 2 façons que j'ai décrites au dessus. Les 2 fonctionnent.

 

[phcm64100]

Je ne comprends pas quoi mettre en fait

 

[edenpulse]

Oui ben après il faut savoir coder pour le coup, ça va être compliqué de t’aider si tu n’as aucune base d’html / css.

 

[phcm64100]

Bonjour
C est presque bon ..... sauf image trop grande comment la retraicir ??

##home_page_comment_id {
    margin-top: 10px;
    padding: 0px;

    /*PCM*/
    border: 1px solid #444855;
    -moz-border-radius: 3px;
    border-radius: 8px;
    box-shadow: 5px 5px 4px rgba(0,0,0,0.5); /*PCM*/

    background: url('../resources/basque.png') right no-repeat ;
    
    background-color:#FFF
} {