Wikilivres

« Le langage HTML/Zones de mise en forme » : différence entre les versions

Navigation interactive dans l’historique
← Modification précédenteModification suivante →
Contenu supprimé Contenu ajouté
VisuelWikicode
m voir aussi
m →‎Mise en application : coloration
Ligne 127 :
 
Pour effectuer un menu. Soit trois <code><nowiki><div></nowiki></code> les uns derrières les autres on pourra en placer un en haut a gauche, un autre au centre et un dernier en bas. Les blocs sont modulables.
 
<pre>
< {{gris|&lt;html xmlns{{=}}"<nowiki>http://www.w3.org/1999/xhtml</nowiki>" xml:lang{{=}}"fr" >
< &lt;head>
<&lt;title>Titre</title>
<&lt;meta http-equiv{{=}}"Content-Type" content{{=}}"text/html; charset{{=}}iso-8859-1" />}}
<{{vert|&lt;style}} type="text/css"{{vert|>}}
{{bleu|.un
{}}
visibility: visible;
position: absolute;
top: 20px; left: 20px; width: 100px; height: 100px
{{bleu|} }}
{{bleu|.deux
{}}
visibility: visible;
position: relative;
top: 50%-100px; left: 50%-50px; width: 100px; height: 200px
{{bleu|} }}
{{bleu|.trois
{}}
visibility: visible;
position: absolute;
bottom: 20px; left: 20px; width: 100px; height: 20px
{{bleu|} }}
<{{vert|&lt;/style>}}
<{{gris|&lt;/head>
<&lt;body>}}
< {{vert|&lt;div}} class="un"{{vert|>}}
<p>menu</p>
{{bleu|&lt;p>}}menu{{bleu|&lt;/p>}}
</div>▼
<div class="deux"{{vert|&lt;/div>}}
{{vert|&lt;div}} class="deux"{{vert|>}}
<p>centre</p>
{{bleu|&lt;p>}}centre{{bleu|&lt;/p>}}
</div>
<div class="trois"{{vert|&lt;/div>}}
{{vert|&lt;div}} class="trois"{{vert|>}}
< {{bleu|&lt;p>}}bas de page<{{bleu|&lt;/p>}}
</div>
▲ < {{vert|&lt;/div>}}
< {{gris|&lt;/body>
< &lt;/html>}}
</pre>
 
== Voir aussi ==
Récupérée de « https://fr.wikibooks.org/wiki/Le_langage_HTML/Zones_de_mise_en_forme »