ICI header("Location: http://www.mytesting.fr ");

REDIGER UN DOCUMENT AVEC LES ELEMENTS D'INFORMATION DECLARES EN MARGE.

par André Marini 4 Janvier 2015, 18:41 Texte

REDIGER UN DOCUMENT AVEC LES ELEMENTS D'INFORMATION DECLARES EN MARGE.

La balise <aside> déclare un document ou une section de document.

 

On peut l'utiliser sur un site pour rédiger des articles.


Associée à la balise <article></article> elle affiche des informations avec, en marge, les éléments d'accompagnement comme la date, l'heure, le lieu, la catégorie....

 

CODE

<style type="text/css">.article{ float:left; width:320px; margin: 0px 10px; 
   border-left:solid 1px silver; border-bottom:solid 1px silver; padding:15px 10px; } 
.titre-article{ color:firebrick; font-weight:bold; font-size:16px; } 
.aside{ float:right; width:180px; padding-left:15px; 
   border-left:solid 1px silver; border-bottom:solid 1px silver; }
</style>
<aside class="aside">
<p><br />

Publi&eacute; le:

</p>
<p>Dans la cat&eacute;gorie:</p>
<p>Par:<br />
</p>
</aside>
<article class="article" >
<header>
<h2 class="titre-article">
L'utilisation de la balise "aside"
</header>
<p >Description:</p>
</article>

 

RESULTAT
 

L'utilisation de la balise "aside"

Description:

Cette balise, associée à la balise <article></article> permet d'associer, sur la même page, les éléments constitutifs de l'article.

Elle se décale au fil de la frappe et peut contenir un texte important en quantité.

Dans ce code, seules les bordures left (gauche) et bottom (bas) sontdéfininies mais on peut y ajouter "top" pour le haut et "right" pour le droite.

Dans cet article édité, le texte est figé et il n'est plus possible de le compléter mais lors de la rédaction et avant publication, on écrit ce que l'on veut.

 

Il suffit de copier le code et d'essayer.

commentaires

Haut de page