Mettre une bannière qui s'adapte a resolution
Rob85Fr
Messages postés
57
Date d'inscription
Statut
Membre
Dernière intervention
-
Rob85Fr Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
Rob85Fr Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
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 :-)
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 :-)
A voir également:
- Mettre une bannière qui s'adapte a resolution
- Réduire résolution image - Guide
- Créer une bannière instagram - Guide
- Resolution changer pc - Télécharger - Divers Utilitaires
- Supprimer bannière freebox révolution - Forum Box et Streaming vidéo
- Cette resolution n'est pas prise en charge par cette tv modifiez la ✓ - Forum Format et connectique vidéo
12 réponses
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;
c'est pas du flash en + mais bon... c'est just un
background: url("pendant.gif");
background-repeat: repeat-x;
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 ;-)
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 ;-)
En faite j'ai pas trop comrpis ou le mettre :-(
Sa c'est ma ligne de script:
<p><img src="MON IMAGE.bmp" width="1278" height="458" border="0"></p>
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 ;-)
Sa c'est ma ligne de script:
<p><img src="MON IMAGE.bmp" width="1278" height="458" border="0"></p>
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 ;-)
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Dans la feuille de style pendant.gif correspond a ton image (en generale une image pouvant etre facilement "etirable")
Ok, mais pouvez vous me donner un exemple car j'ai pas trop compris ou le placer ce script.
Merci d'avance :-)
Merci d'avance :-)
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" />
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" />
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;
?
Dans le script que tu m'a passer, ou est le
background: url("MON IMAGE.gif");
background-repeat: repeat-x;
?
dans ta feuille de style css ... => https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3
Je suis désolé mais je n'y arrive toujours pas :-(
Je crois que je vais laisser tomber.
Bon sinon voila mon script:
<p><img src="image site aadecaa officiel.bmp" width="1278" height="458" border="0" usemap="#ImageMap2"></p> <--- sa c'est mon image
<style type="text/css">
{
background-image: url('background.bmp';);
background-repeat: repeat-x;
}
</style>
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,
<div class="childmenu" id="cm_forside" style="background-image:url('image/submenu.bg.gif'); background-repeat:repeat-x; background-position:50% 0%; padding-top:10px; padding-bottom:10px; width:195px; position:absolute; top:330px; z-index:1;">
</div>
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... :-(
Je crois que je vais laisser tomber.
Bon sinon voila mon script:
<p><img src="image site aadecaa officiel.bmp" width="1278" height="458" border="0" usemap="#ImageMap2"></p> <--- sa c'est mon image
<style type="text/css">
{
background-image: url('background.bmp';);
background-repeat: repeat-x;
}
</style>
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,
<div class="childmenu" id="cm_forside" style="background-image:url('image/submenu.bg.gif'); background-repeat:repeat-x; background-position:50% 0%; padding-top:10px; padding-bottom:10px; width:195px; position:absolute; top:330px; z-index:1;">
</div>
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... :-(
<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.
