Voilà bonjour à tous je vous expose mon probléme je dois creer un site internet pour un projet et je voudrais que le design du site soit ajustable en fonction de la taille de l'écran. Je connais la démarche a suivre mais cependant j'ai un souci au niveau de la banniére du haut (et du bas aussi d'ailleurs confus ) je m'explique j'ai defini ma div correspondant à la banniere à l'aide de % j'ai ensuite utilisé la syntaxe background-image dans mon fichier css pour inclure la banniere. Et la probléme la banniere ne s'affiche pas du tout je suis oblige de mettre une min-height et min-width pour que la banniere s'affiche et dans ce cas le design n'est plus ajustable. Que puis-je faire merci bien voici mon code css aidez moi s'il vous plait la ligne en rouge contient l'ajout de la banniere
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33 @charset "utf-8"; /* CSS Document */ body{width:100%;height:100%} * {background-color:rgb(204,255,102);} .banniereduhaut{min-height:102px;height:20%;width:80%;margin-left:4cm;background-image:url(Images/Banner3.gif);} .rech_rapide {height:10%;width:80%;margin-top:0.5cm; text-align:center;font-size:14px;} .connexion {height:20%;width:20%;margin-top:0.5cm;float:right;} .menu {height:20%;width:20%;margin-top:0.5cm;float:left;font-weight:bold;} .menu a {color:rgb(51,153,0);text-align:center;font-family: Helvetica, sans-serif;} .menu a { text-decoration: none; } .menu dt {color:rgb(51,153,0);text-align:center;border-bottom:2px solid;border-color:rgb(255,153,0);font-size:18px;} .menu a:hover{color:rgb(51,204,0);} .menu ul {list-style-type: none;} .menu li {border-bottom:1px solid;border-color:rgb(204,102,0);font-size:15px;margin-left:30px;font-style:italic;} .contenu {height:90%;width:50%;margin-left:auto;margin-right:auto;margin-top:0.5cm;padding:5px;text-align:center; }
En orange vous pouvez voir le bout de code qui semble gener car si j'enleve le min-height alors je n'ai plus la banniere. Donc voilà merci de m'aider
Partager