Poser une question

Re: Organisation, structure et hyperliens réactifs

Salut,

Avant tout, tu peux regarder le code source et voir par toi même. Tu doit par contre connaître pas mal le Javascript pour en suivre la trace.

Mais sache une chose, peut importe le navigateur et le rendu, DHTML, HTML, xHTML ou Javascript (et donc tu peux ajouter 100% des langages serveur) TOUS utilisent des tableaux (array). À part quelques site en xHTML strict tellemenet simple qu'une seule balise suffirait à reproduire! (<pre> ;-)

Mais ne t'inquète pas, mlagré l'apparente complexe c'est un simple hyperlien réactif (rollOver) tu en profite pour changer la couleur de fond d'une cellule ou d'un élément DIV (qui a de très forte chance d'être dans une cellule).

Tu peux voir ce vieux tutoriel avec table "http://permanent.nouvelobs.com/"; (http://www.trucsweb.com/CSS/trucs.asp?no=125&type=12)

Et maintenant avec DIV

<div onMouseover="this.style.backgroundColor='#E3E8EF';" onMouseout="this.style.backgroundColor='transparent';"><a href="/">  Actualités </a></div>

Il existe un tas d'exemple. L'exemple le plus moderne en xHTML est l'utilisation d'une liste (<ul>).

<ul>
<li onmouseover="this.style.color='#000';this.style.background='#E3E8EF'" onmouseout="this.style.color='#99ACC2';this.style.background='#fff'"><a href=""><b>» Liberté et expression</b><br >La communauté des Trucsweb toujours au poste.</a></li>
</ul>

Avec le CSS tu peux lui dire de n'utiliser aucun "point" :

ul { list-style : none; }

Tu peux aussi spécifier "in-line" pour faire une liste horizontale.

Ça fait pas mal le tour.

Ciao
Oznog

Réponses

Re: Organisation, structure et hyperliens réactifs  ralph 11/2/2004