ajouter une bannière à une page jsp

Question

bonjour,
j'ai une page index.jsp, header.jsp et footer.jsp
en fait je veux ajouter une bannière à la page index cette banière est une image qui représente le nom de l'application (.jpg ou .gif)
je veux que l'image soit bien étirée pour couvrir tout le haut de la page index.jsp
si c'est possible j'utiliserai les css mais comment ?

Ombitious_Developper · Answer

Salut:

Personnellement, je préfère séparé les feuilles de style CSS et les images et faisant une arborescence comme la suivante.

|-----------+ css
|           |------------- stylesheet.css
|           |------------- ...
|
|-----------+ images
            |------------ picture.png

En CSS:

.top {
    background-image: URL('../images/picture.png');
    background-repeat: no-repeat;
}

cs_cosworth · Answer

merci pour ton aide cher frère,
pour cette application ya un seul fichier css et les images sont dans un dossier séparé, moi je veux inserer une bannière dans la page index et je veux savoir le code que je dois ajouter pour faire cela en tenant compte qu'il ya un fichier header.jsp et footer.jsp

Ombitious_Developper · Answer

Salut:

Il faut faire attention au chemin où se trouve les images.

Aussi, pour les dimensions réelles (width, height) de l'images, ici j'ai mis des valeurs fictives.

// Fichier CSS

.banner {
    background-image: URL('../images/banner.png');
    background-repeat: no-repeat;
    width: 600px;
    height: 250px;
}

On crée un élément HTML qu'on lui attribut la régle de style CSS.

// Fichier JSP

cs_cosworth · Answer

merci pour votre réponse, en fait j'ai pu ajouter l'image mais sa taille n'est pas convenable, moi je veux qu'elle soit étirer selon la taille de la fenetre, je croix que c'est un problème au niveau css.

Ombitious_Developper · Answer

Salut:

Généralement, (d'après ce que j'ai remarqué) on utilise une image de taille déterminée et au lieu d'étirer cette image (ce qui n'est pas une bonne pratique) on utilise généralement l'attribut background-color.

L'attribut background-color permet de définir la couleur de fond.

Le principe est en fait très simple, supposons qu'on a une bannière content une image et le fond de cette image est par exemple bleu ciel. Alors on définit l'attribut background-image comme étant la couleur bleu ciel ce qui donne illusion que c'est la continuité de l'image alors que ce n'est pas le cas.

Personnellement, j'utilises la pipette de GIMP pour déterminer le couleur de fond en notation héxadécimale (#??????).

.banner {
    background-color: URL("../images/logo.png");
    background-color: #EE00FF;
    background-repeat: no-repeat;
}

Ombitious_Developper · Answer

Salut:

Petite erreur de frappe:

Le principe est en fait très simple, supposons qu'on a une bannière
content une image et le fond de cette image est par exemple bleu ciel.
Alors on définit l'attribut background-color comme étant la couleur
bleu ciel ce qui donne illusion que c'est la continuité de l'image
alors que ce n'est pas le cas.

cs_cosworth · Answer

merci infiniment pour votre aide cher frère,

je vais essayer votre solution et vous dire le resultat

à bientot

Ajouter une bannière à une page jsp

7 réponses

Votre réponse

Discussions similaires