Alignement
mecdu35
Messages postés
403
Statut
Membre
-
mecdu35 Messages postés 403 Statut Membre -
mecdu35 Messages postés 403 Statut Membre -
bonjours,
petit probleme sur mon site...
voilà comment je peux faire pour mettre plusieur "choses" sur une même ligne de mon site?car lorsque dans bloc note je copie plusieur code HTML...par exemple mettre un texte aligné à gauche et sur une même ligne une photo centré...sur mon site la photo se retrouve en décalage par rapport au texte et tous les autres éléments qui étaient en dessou du texte aligné à gauche se retrouve décalés vers le bas au même niveau que le "bas" de mon image...ce qui fait un grand vide sur la gauche...
comment doi-je faire svp?
mercii
petit probleme sur mon site...
voilà comment je peux faire pour mettre plusieur "choses" sur une même ligne de mon site?car lorsque dans bloc note je copie plusieur code HTML...par exemple mettre un texte aligné à gauche et sur une même ligne une photo centré...sur mon site la photo se retrouve en décalage par rapport au texte et tous les autres éléments qui étaient en dessou du texte aligné à gauche se retrouve décalés vers le bas au même niveau que le "bas" de mon image...ce qui fait un grand vide sur la gauche...
comment doi-je faire svp?
mercii
4 réponses
Soit tu mets le tout dans une <table> avec les attributs align qu'il faut, soit tu mets dans des <div> que tu places. Si tu utilises les <div>, vérifie bien que le premier avec le texte ne retourne pas à la ligne après affichage. Tu fais cela avec un style="display:inline;" il me semble
par exemple,
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test alignement</title>
</head>
<body>
<div style="text-align:left;display:inline">Je m appelle toto</div>
<div style="text-align:center;"> <img alt="photo identite" src="./identite.JPG" /></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test alignement</title>
</head>
<body>
<div style="text-align:left;display:inline">Je m appelle toto</div>
<div style="text-align:center;"> <img alt="photo identite" src="./identite.JPG" /></div>
</body>
</html>
