Css redimensionner background-image
Bonjour,
je veux mettre un logo en haut à droite suivi d'un bandeau.
Là j'insère le background image mais celle ci est trop grande et je voudrais pouvoir la redimensionner sinon je ne vois pas l'image.
Comment faire, sachant que le height et width de la DIV concerne la dimension de la DIV.
Ensuite je devrais remonter le bandeau pour qu'il se trouve sur la même ligne mais à droite du logo.
Merci de aide car j'ai essayé différentes manière, mais cela ne fonctionne toujours pas.
index.html
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Titre</title>
</head>
<body>
<div id="entete">
<div id="logo">
</div>
<div id="bandeau">
bandeau
</div>
<div id="menu">
</div>
</div>
</body>
</html> |
style.css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
body {
background: #FFFFDD;
margin: 0;
}
#logo {
float: left;
width: 250px;
height: 150px;
background-image: url("image.jpg");
} |
