[XHTML] Aligner image correctement

**Nitrox06** · 02/04/2009, 12h51

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 :

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
<!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 css :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**myz-rix** · 02/04/2009, 13h06

Bonjour,
heuuuu la comme ça vite fait,
t'as mis "style="vertical-align:middle"" <-- mais pas t'as pas mis d'align horizontal, normal ? (align:center <- je crois)

sinon fait un tableau ou un div qui prenne 100% de la taille de la fenetre et place tout au centre de ton tableau ou de ton div et ça devrait le faire.