Html cadres...
timoboll
Messages postés
16
Date d'inscription
Statut
Membre
Dernière intervention
-
minalud Messages postés 91 Date d'inscription Statut Membre Dernière intervention -
minalud Messages postés 91 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je dois mettre des textes dans ce cadre la
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
1
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
m m
2 m 3 m 4
m m
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
5
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
pour schématiser la page voulue avec les numéros indiquant les emplacements textes
comment dois je m'y prendre
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FKNet - Thierry François - Formation CSS - exemple positionnement 3 colonnes </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div>
<h1>titre 1</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 2</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 3</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 4</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 5</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
</body>
</html>
je dois mettre des textes dans ce cadre la
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
1
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
m m
2 m 3 m 4
m m
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
5
jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj
pour schématiser la page voulue avec les numéros indiquant les emplacements textes
comment dois je m'y prendre
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>FKNet - Thierry François - Formation CSS - exemple positionnement 3 colonnes </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<div>
<h1>titre 1</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 2</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 3</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 4</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
<div>
<h1>titre 5</h1>
<p>Iusto autem, praesent dolore sed. Nonummy praesent sit lorem vel nibh dignissim exerci diam suscipit molestie ut. In augue facilisis euismod nulla, augue iriure autem ut ut praesent lobortis, velit. Dolore dolore, ad, veniam aliquip duis, consequat vero dolore in iriure aliquam aliquam suscipit delenit. Facilisis commodo, facilisis et tation, commodo iriure eu et. Accumsan exerci veniam ut nulla, aliquip te ut nulla volutpat dignissim blandit nulla hendrerit, ea veniam eros suscipit. Tincidunt vero eros dolore ut commodo dolor ad vulputate, augue enim sed autem tation. In aliquip lobortis et eum. Feugait nostrud elit consequat delenit erat eum, delenit feugiat nonummy eu delenit vel. Iriure euismod tincidunt blandit ullamcorper in nisl, illum. Ut minim nisl vero molestie. Ipsum vel in eum dolore magna ullamcorper ut, molestie, ea feugiat, et nostrud ea vel, illum et feugiat. Facilisi hendrerit volutpat feugiat ut duis dolore feugait, aliquam. Accumsan dignissim, duis in nulla minim at ullamcorper nostrud at at. Aliquip nulla ex lorem wisi blandit luptatum. Nulla adipiscing consequat nostrud, wisi nisl ullamcorper accumsan accumsan feugait facilisis, duis amet. Praesent, esse, dolore minim nonummy eum. </p>
</div>
</body>
</html>
A voir également:
- Html cadres...
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Html download - Télécharger - HTML
3 réponses
Bonjour, bien que tu ais mis un max d'explications je n'ai pas vraiment compris ce que tu voulais desoler..
Tu veux une mise en page css ? Si tu veux un design trois colonne comme dit dans ta balise title alors va jeter un coup d'oeil sur alsacreations.com tu trouvera ton bonheur.
+++ Spangenhelm +++
Tu veux une mise en page css ? Si tu veux un design trois colonne comme dit dans ta balise title alors va jeter un coup d'oeil sur alsacreations.com tu trouvera ton bonheur.
+++ Spangenhelm +++
Si tu veux juste afficher un cadre autour du texte, en css:
J'avoue toutefois ne pas y comprendre grand chose de plus que Spangenhelm.
Peux tu être plus clair?
div{border:1px solid #000;}
J'avoue toutefois ne pas y comprendre grand chose de plus que Spangenhelm.
Peux tu être plus clair?
hmmmm... à supposer que j'ai compris...
si c'est juste un encadrement organisé, je te conseille un tableau dans ton div:
<style>
.montablo + tr + td {border: 1px #333333 solid}
</style>
<table class="montablo">
<tr>
<td colspan="3">1</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan="3">5</td>
</tr>
</table>
enfin, pour les bordures, tu gères comme tu veux...
c'est ça?
si c'est juste un encadrement organisé, je te conseille un tableau dans ton div:
<style>
.montablo + tr + td {border: 1px #333333 solid}
</style>
<table class="montablo">
<tr>
<td colspan="3">1</td>
</tr>
<tr>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan="3">5</td>
</tr>
</table>
enfin, pour les bordures, tu gères comme tu veux...
c'est ça?
