18041 sujets

Questions générales et questions de débutants

Aligner 2 <DIV> horizontalement à droite [Résolu]

SAlut,

Je cherche à aligner 2 images horizontalement.
Chacune est contenue dans une <DIV> 01 et 02. Et ces 2 <DIV>,elles m^mes contenues dans une autre DIV input01.

Comme sur l'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=utf-8" />
<title>Document sans nom</title>

<style type="text/css">
div#input1 {
	background: #f0f;
	overflow:auto;
	float: right;
	position:relative;
	width:550px;
	height: 100px;
	left: 15px;
   	top: 10px;
	margin-right: 30px; 	
	} 
  
	#01{
	float: right;
	width: 100px;
	height: 100%;
	}
	
	#02{
	float: right;
	width: 100px;
	height: 100%;
	margin-right:10px;
	
	}
</style>
</head>

<body>
 
  <div id="input1"> 
  
  <div id="01">
  <input name="Envoyer" type="image" value="Envoyer" src="renvoyer.png" width="100" height="35" hspace="0" vspace="0" border="0" /></div>
  
  <div id="02">
  <input name="Imprimer" type="image" value="Imprimer" src="imprimer.png" width="100" height="35" hspace="0" vspace="0" border="0" /></div>
  
 
  </div>



</body>
</html>
[code] upload/30246-plouf.jpg
Modifié par Ludo1970 (10 Jun 2010 - 13:32)
Salut,

Je suis un pur débutant, donc prends ma réponse avec des pincettes. Et désolé par avance si je me plante.

<style type> ... </style> me semble être ce que j'identifie comme un css. Je ne pensais que ça devait être dans un fichier css à part pour que ça fonctionne.

Pour l'alignement, je pense à l'emploi de <table> pour positionner précisément chaque image. C'est du moins la méthode que j'utilise.

Désolé si ce que je propose est erroné ou trop basique mais les réponses qui te seront apportées vont aussi m'éclairer. Et peut être que la mienne est correcte : ça me permettra de le vérifier.
Bonjour,

Ludo, les noms de classe et d'ID ne peuvent commencer par un chiffre, change leur nom et tout devrait fonctionner.

Black Hole Sun a écrit :
<style type> ... </style> me semble être ce que j'identifie comme un css. Je ne pensais que ça devait être dans un fichier css à part pour que ça fonctionne.
Non, pas nécessairement, il y a 3 façon d'appliquer des styles CSS : via un fichier externe, via du code interne dans l'élément <style> ou directement sur un élémént via l'attribut style.

Black Hole Sun a écrit :
Pour l'alignement, je pense à l'emploi de <table> pour positionner précisément chaque image. C'est du moins la méthode que j'utilise.
C'est loin d'être une pratique recommandable quand on s'intéresse aux standards, ce qui est le cas sur ce forum. Les tableaux doivent être réservé au balisage de données tabulaires.
Smiley biggrin Smiley eek Bravo Laurie-Anne ! effectivement ça marche beaucoup comme ça.

Je retiens la leçon : pas de numéro en début de nom de Class et d'ID.
Merci
Sujet clos
Aller à