[XHTML] Aligner image correctement
Bonjour, je débute en XHTML et j'ai fait ma première page. Malheureusement je n'arrive pas à faire ce que je veux : je voudrais que mes deux images soient centrée au centre de l'écran, j'aimerais que "logo" soit au dessus de "rose" et je voudrais aussi réduire leur taille grâce au css. J'ai essayé et les images restent à gauche...
Voici le code :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue chez Mach Licensing</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="/users/marcsiebert/Desktop/TEST/CSS/design" />
</head>
<body>
<p1>
<img src="/users/marcsiebert/Desktop/TEST/Images/Logo.png" alt="Logo" im style="vertical-align:middle" />
</p1>
<p2>
<a href="http://machlicensing.com"><img src="/users/marcsiebert/Desktop/TEST/Images/Rose.png" alt="Rose" im style="vertical-align:middle" id="rose" />
</p2>
</body>
</html> |
et le css :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| body
{
background-color: black;
}
p1
{
align: center;
}
#rose
{
align: center;
} |
Merci pour votre aide :)