<ul><li> avec des images [RESOLU]

Salut !

Après m'être présenté sur le bar, merci à Moustiko pour sa réactivité, je viens présenter une page qui m'intrigue. J'ai suivi les tutos et les billets. J'ai fait en sorte de reprendre les logiques qui m'ont paru les plus habiles.
Ceci dit, dans le même temps que je poste pour une question précise je suis épris de doutes et me dis que j'ai sûrement construit ça n'importe comment.
J'ai mis la page là

Ma question concerne mes petites puces situées au bas de mon menu horizontal. D'après ce que j'ai lu, je ne peux faire autrement qu'avec Javascript pour allumer mes diodes au survol du lien référant.
Puis-je ceci dit, afficher mes diodes dans un même div avec une logique en <ul><li> ? j'ai tenté et je n'arrive point à les placer autrement que les unes à la suite des autres.

Le doute qui me vient c'est en regardant la structuration d'une page selon elmoustiko, est ce que je ferai mieux de tout reprendre en faisant header, gauche, footer, et partie centrale destinée à l'affichage.
Moi j'avais en tête que séparer un peu avec différents div permettait de voir sa page se charger petit à petit, ce qui est moins rébarbatif pour les petites connections.

Merci pour vos remarques et coups de fouets.
Modifié le 08 Dec 2004 - 19:28

Je n'ai pas regardé en détail le code d'origine, mais l'effet 'diode' doit être super simple à faire. Un petit rollover par déplacement du background des balises <a> contenues dans les <li> du menu et le tour est joué.

kreuhn a écrit :

Merci pour vos remarques et coups de fouets.

C'est toi qui l'aura voulu :
Yahahh

Bon, les remarques qui vont avec :
Alors comme le disait brice un roll over sur les balises <a> sans autre ajout de code et le tour est joué
http://www.elmoustikoblog.net/tutoriels/css/roll_over/

Le tout avec une image unique et donc sans effet clignotement blanc dû au temps de chargement et sans JavaScript !

Vala vala
Donc la structure menu sera composée d'un <ul> avec un <li> par item et un lien correspondant dimensionné en mettant display: block; width: ..; height: ...; et en utilisant la technique du rollOver CSS pour laquelle je t'ai donné un lien plus haut

Ahh oui autre chose, je pense que tu utilises un peu trop allégrement les divs, il y en a beaucoup d'inutile dans ta page actuelle
http://www.alsacreations.com/articles/economie/

yes siouper, j'ai toutes les infos là, j'ai fait une première lecture, maintenant j'applique.
Merci pour les différentes sources et la réactivité.

Pour le nettoyage des Div je m'y collerai après, il me reste des notions de sémantiques à percuter ; )

++

Percute, percute C'est vachement important, et mieux vaut le faire dès le début, mais tu sembles motivé pour t'y atteler


Si ton problème est résolu, pense à ajouter un [résolu] en titre de sujet en éditant ton premier post.

Pour la réactivité : C'est juste que je tombe au bon endroit au bon moment !