Flèches de navigation flottantes (post remonté)

 Super!

Ce que j'avais avancé (sans l'avoir vérifié!) dans un précédent message fonctionne...

Il est en effet possible et même recommandé (à mon humble avis) d'utiliser cette méthode pour mettre en place des flèches de navigation rapide comme je viens de le faire pour ce blog (BlogNotes). Vous pouvez voir que la flèche "TOP" se trouve au plus près du corps du blog et ceci quelque soit la taille de l'écran, ce qui est appréciable sur un écran "wide screen" de 23' (ce qui est mon cas) où cette flèche était repoussée loin à droite. J'en ai profité pour en rajouter une à gauche pour voir...

Dans un nouveau widget HTML-Javascript

Voici le code. On verra tout de suite qu'il n'est aucunement différent du précédent dans sa structure, seul le lien change (vers une ancre "top"), l'URL de l'image et évidemment certaines dimensions.

<div name="essai" style="position: fixed; top: 50%; left: 50%; width: 570px; margin: auto; visibility : visible;z-index : 1;">

<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 570px;">

<tbody><tr><td style="text-align: right;">

<a href="#top" target="_self"><img alt="" src="http://dl.dropbox.com/u/19586410/arrow-transparent-rounded-up.gif" title="HOME - ACCUEIL" /></a>

</td></tr></tbody> </table>

</div>

Si on veut placer la flèche à gauche du corps du blog:

<div name="essai" style="position: fixed; top: 50%; right: 50%; width: 570px; margin: auto; visibility : visible;z-index : 1;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width: 570px;">
<tbody>
<tr>
<td style="text-align: left;">
<a href="#top" target="_self"><img alt="" src="http://dl.dropbox.com/u/19586410/arrow-transparent-rounded-up.gif" title="HOME - ACCUEIL" /></a></td>
</tr>
</tbody>
</table>
</div>

Pour cela, on fait un simple copier-coller dans un nouveau widget HTML-Javascript en changeant seulement right et left (en rouge). Cependant, je pense qu'il est possible de faire plus simple au niveau du tableau. L'alignement "left" ou "right" est-il vraiment nécessaire? Je pense que "center" serait plus polyvalent. À voir...

Bon, tout ça c'est vraiment du bricolage perso. Je ne sais pas ce qu'en penseraient les gourous du HTML "comme il faut"... Moi, j'm'en f.., ça fonctionne, c'est le principal!

VOIR ABSOLUMENT LA SUITE DE CE MESSAGE:

• Flèches de navigation flottantes
• Flèches flottantes (Suite et fin, j'espère...)