Balise html
Résolu
Roxane 59
Messages postés
455
Date d'inscription
Statut
Membre
Dernière intervention
-
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
RAD ZONE Messages postés 5230 Date d'inscription Statut Contributeur Dernière intervention -
A voir également:
- Balise html
- Editeur html - Télécharger - HTML
- Espace html - Astuces et Solutions
- Espace HTML ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
5 réponses
Bonjour,
Une balise absolute, ça n'existe pas.
Absolute est un type de positionnement en CSS qui peut s'appliquer à différents types de balises HTML.
C'est une valeur de la propriété position.
J'ai récemment proposé ça.
Voici un exemple de tableaux positionnés en absolute.
Ça permet de positionner les éléments précisémént par rapport à leur 1er élément parent positionné lui-même en relative.
Voir :
http://edu.ca.edu/selfhtml/navigation/css.htm#positionnement
http://forum.alsacreations.com/faq/faq-59-Quel-type-de-positionnement-choisir-.html
https://openweb.eu.org/articles/initiation_absolue/
--
Une balise absolute, ça n'existe pas.
Absolute est un type de positionnement en CSS qui peut s'appliquer à différents types de balises HTML.
C'est une valeur de la propriété position.
J'ai récemment proposé ça.
Voici un exemple de tableaux positionnés en absolute.
Ça permet de positionner les éléments précisémént par rapport à leur 1er élément parent positionné lui-même en relative.
Voir :
http://edu.ca.edu/selfhtml/navigation/css.htm#positionnement
http://forum.alsacreations.com/faq/faq-59-Quel-type-de-positionnement-choisir-.html
https://openweb.eu.org/articles/initiation_absolue/
--
Je me souvient on s'en sert pour la position eventuelle des tableaux, par rapport au précédent je crois, enfin un truc comme ça. J'avais confondu balise et posittionnement.
On peut s'en servir pour positionner ce que l'on veut.
--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Un titre</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<style type="text/css">
html, body {
margin: 0;
padding: 0;
text-align: center;
background-color: #b0c4de;
}
#conteneur {
position: relative;
margin: 0 auto;
width: 760px;
text-align: left;
border : 1px solid #f0ffff;
background-color: #f0f8ff;
font-family: 'Trebuchet MS', Verdana, sans-serif;
}
#tablo, #divo, #po, #spano, #h1o, #ulo {
position : absolute;
padding : 20px;
background-color : #f0f8ff;
border : 1px dashed #f00;
}
#tablo {
top : 400px;
left : 200px;
}
#divo {
top : 100px;
left : 300px;
width : 100px;
height : 100px;
}
#po {
top : 310px;
left : 410px;
width : 100px;
height : 100px;
}
#spano {
top : 160px;
left : 50px;
width : 100px;
height : 100px;
}
#h1o {
top : 10px;
left : 20px;
width : 100px;
height : 100px;
}
#ulo {
top : 200px;
left : 200px;
width : 100px;
height : 100px;
}
</style>
</head>
<body>
<div id="conteneur">
<table id="tablo">
<tbody>
<tr>
<td class="x">Un tableau</td>
<td class="c">—1—</td>
<td class="x">XXXX</td>
</tr>
<tr>
<td class="x">XXXX</td>
<td class="c">—:—</td>
<td class="x">XXXX</td>
</tr>
<tr>
<td class="x">XXXX</td>
<td class="c">—:—</td>
<td class="x">XXXX</td>
</tr>
<tr>
<td class="x">XXXX</td>
<td class="c">—:—</td>
<td class="x">XXXX</td>
</tr>
<tr>
<td class="x">XXXX</td>
<td class="c">—:—</td>
<td class="x">XXXX</td>
</tr>
</tbody>
</table>
<div id="divo">
Une div
</div>
<p id="po">
Un p
</p>
<span id="spano">
Un span
</span>
<h1 id="h1o">
Un h1
</h1>
<ul id="ulo">
<li>Une liste</li>
<li>#</li>
<li>#</li>
</ul>
</div>
</body>
</html>
--
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
