Archive for juillet, 2010

Salut,

on vas voir comment créer une ancre… en html, une ancre, c’est un lien qui vous amènera à un endroit précis de la page dans laquelle vous vous trouvez. Pour créer ce type de lien, nous utiliserons la balise… « a » du html, il faudra juste rajouter une petite chose, que nous allons voir tout de suite.

Mise en pratique

Pour créer ce type de lien, il vas nous falloir un code de base (je ne met que le contenu du « body » :

<div id="vide">

</div>

<div id="ancre">

</div>

Et le css:

#vide{width: 100%;
 height: 3000px;/*Une grande hauteur pour voir comment le lien vas interargir avec la page*/
 background: #000;
}
#ancre{height: 75px; 
width: 100%; 
background: red;
}

Maintenant, pour créer l’ancre à proprement parler, dans le « href » (<a href= ».. » title= »"></a>, vous mettrez le nom de la div à atteindre (ici, « ancre » après un # :

<a href="#ancre">Atteindre la div ancre</a>

<div id="vide">

</div>

<div id="ancre">
</div>

Et voilà, nous avons donc créer un lien ancre, cela peut vous permettre de réaliser des portfolios à une seule page, utiliser plus facilement le javascript etc…

A plus !