Centrer verticalement une image
Bonjour à tous,
Je tout débute dans les CSS aussi j'ai regardé le "tuto" je l'ai simplifié pour n'avoir qu'un contenu et une image à afficher au centre de ce contenu vierge.
Comment faire?
code html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<html>
<head>
<link href="styles.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenu">
<div class="centrer"><img class="centrer" src='logo.gif' title="Mon site" alt="">
</div>
</div>
</body>
</html> |
code css
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
.centrer {
vertical-align:center;
}
div {
text-align:center;
}
div#contenu {
width:100%;
height:500px;
background-color:#FFCC00;
} |
c'est basique mais voilà...
Merci à vous
