Mettre une bannière qui s'adapte a resolution

Question

Salut a tous :-)

Voila j'aimerais savoir comment faire pour mettre une bannière bleu qui s'adapte a la résolution de l'écran de l'internaute.

Exemple:

Comme sur ce site: https://alphagroup.dk/    Vous voyez, sur les cotés il y a une bande verte qui s'adapte a la résolution de l'écran, mais ceci est fait en flash, j'aimerais comment faire cela mais en HTML ou autre.

Merci d'avance :-)

loveparade · Answer

a la resolution de l'ecran ou a la taille du navigateur internet??
c'est pas du flash en + mais bon... c'est just un 
background: url("pendant.gif");
background-repeat: repeat-x;

resalut · Answer

ou encore :
width : 100%;
background: url("pendant.gif") repeat-x;
:)

Rob85Fr · Answer

Ah ok merci ;-)

Donc si j'ai bien compris, je remplace pendant.gif par la bannière que je veut ? Et ensuite je vais me débrouiller pour trouver ou faut mettre ce script ;-)

Rob85Fr · Answer

En faite j'ai pas trop comrpis ou le mettre :-( Sa c'est ma ligne de script:

Ou je dois mettre background: url("pendant.gif"); background-repeat: repeat-x; ou width : 100%; background: url("pendant.gif") repeat-x; ? Merci d'avance, et désoler je débute ;-)

loveparade · Answer

Dans la feuille de style pendant.gif correspond a ton image (en generale une image pouvant etre facilement "etirable")

Rob85Fr · Answer

Ok, mais pouvez vous me donner un exemple car j'ai pas trop compris ou le placer ce script.

Merci d'avance :-)

loveparade · Answer

Exemple d'une feuille de style de ccm =>
https://www.commentcamarche.net/ccm.css?200907031521

Dans le header de ta page => <link href="/ccm.css?200907031521" rel="stylesheet" type="text/css" media="all" />

Rob85Fr · Answer

Excuse moi mais je débute et je n'ai toujours pas compris désolé :-(

Dans le script que tu m'a passer, ou est le 

background: url("MON IMAGE.gif");
background-repeat: repeat-x; 

?

loveparade · Answer

dans ta feuille de style css ... => https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3

Rob85Fr · Answer

Je suis désolé mais je n'y arrive toujours pas :-( Je crois que je vais laisser tomber. Bon sinon voila mon script:

<--- sa c'est mon image Et en gras c'est le script CSS qui permet d'avoir mon fichier background.bmp élargis sur toute la page. Voila je sais plus quoi faire.... J'avais réussi au bout d'un moment en copiant le script de alphagroup.dk,

Et j'avais changer image/submenu.bg.gif par mon background.bmp, puis j'avais un peut changer width:195px par width:100%, et padding-top:10px; padding-bottom:10px; par des autres nombres, sa avais donner quelque chose, maiq quelque chose de pas super... :-(

loveparade · Answer

<html>
        <head>
                <style type = "text/css">
                #monbackground {
                        width: largeurpx;
                        height: hauteurpx;
                        background: url(*****) repeat-x;
                }
                </style>
        </head>
        <body>
                <div id="monbackground>
                </div>
        </body>
</html>


squelette de la page utilisant un style
apres c'est a toi d'apprendre le css snon tu n'arrivera jamais a faire exactement ce que tu veux sans qu'on le fasse a ta place.

Rob85Fr · Answer

Ok je vais essayer ;-)

Merci pour tout en tout cas ;-)

Mettre une bannière qui s'adapte a resolution

12 réponses

Discussions similaires

Newsletters