Alignement
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
Configuration: Windows XP Internet Explorer 6.0
4 réponses
-
ContributeurSoit 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
-
est-ce que tu pourais être plus précis stp ?:s
détails moi un peu tout si c'est possible :s
merci -
Contributeurpar 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> -
merci beaucoup...
je vais essayer de travailler sa...
même si je n'arrive toujours pas :s...
*débutant* XD
