|
La Communauté Webmaster 
| Pages: [1] |
 |
|
|
|
 Auteur |
Sujet: texte en colonne (Lu 761 fois) |
|
 |
texte en colonne
« sur: le 02-08-2006 a 11:46:46 » |
|
|
|
|
|
|
|
Re:texte en colonne
« Répondre #1 sur: le 02-08-2006 a 22:34:19 » |
|
|
|
|
|
Re:texte en colonne
« Répondre #2 sur: le 22-08-2006 a 12:53:26 » |
|
bardamu
Membre récent
 Hors-Ligne
Sexe: 
Messages: 31
 
|
imaginons un bloc cadre, dans lequel tu mets deux colonnes. La première colonne est en float left, la 2e est positionnée par rapport au bord gauche du bloc cadre par une marge. ce qui donne :
#cadre {
width:800px;
height:auto; /* la hauteur s'adapte au contenu des colonnes */
}
#colonne_gauche {
float:left;
width:400px;
height:auto;
}
#colonne_droite {
height:auto; /* ne pas préciser la largeur de cette colonne, elle prendra l'espace qui reste */
margin-left:400px; /* cette marge correspond à la largeur de la 1ere colonne */
}
|
|
NB : si tu veux que la hauteur de ton bloc cadre s'agrandisse en fonction du contenu des colonnes, tu dois rajouter une 4e balise DIV dans ton code HTML qui se situe après les deux colonnes et avant la fermeture de la balise cadre. Et cette balise DIV doit avoir l'attribut css :
exemple de code complet :
<html>
<head>
<style>
#cadre {
width:800px;
height:auto;
margin:0px;
padding:0px;
background-color:#D2D2D2;
text-align:left;
}
#colonne_gauche {
float:left;
width:400px;
height:auto;
margin:0px;
padding:0px;
background-color:#CCCCCC;
}
#colonne_droite {
height:auto;
background-color:#EEEEEE;
margin:0px;
padding:0px;
margin-left:400px; /* cette marge correspond à la largeur de la 1ere colonne */
}
#spacer {
clear:both;
}
</style>
</head>
<body>
<div id="cadre">
<div id="colonne_gauche">En 1913, Henri Focillon est appelé à Lyon pour enseigner l'histoire
de l'art à l'Université. Quelques mois plus tard, il est nommé directeur des musées de Lyon,
poste qu'il va occuper une dizaine d'années dans un contexte marqué par la première guerre
mondiale. Dès son arrivée au Palais Saint-Pierre, Focillon projette une importante
réorganisation des collections.
</div>
<div id="colonne_droite">En 1913, Henri Focillon est appelé à Lyon pour enseigner l'histoire
de l'art à l'Université. Quelques mois plus tard, il est nommé directeur des musées de Lyon,
poste qu'il va occuper une dizaine d'années dans un contexte marqué par la première guerre
mondiale. Dès son arrivée au Palais Saint-Pierre, Focillon projette une importante
réorganisation des collections.
</div>
<div id="spacer"></div>
</div>
</body>
</html> |
|
|
Rechercher-Internet.fr : annuaire gratuit | PhotoReflets |
|
|
| Pages:
[1] |
 |
|
|
| |
|
|
