Bonjour à tous !
Je débute tout juste dans l'univers du xHTML et du CSS, et je me suis fixé comme challenge de créer mon premier site en utilisant le bloc note seul (ainsi que toshop pour la partie images).
Je me suis certainement un peu compliqué la vie, et j'ai du faire quelques concessions. Et interdire l'accès aux utilisateurs de IE, vu que j'ai utilisé plusieurs png24 (j'vais me faire taper sur les doigts, mais je n'ai pas trouvé d'autres solutions pour gérer une transparence correcte).
Et là, je me heurte à un problème lié à mon menu. J'ai structuré ce dernier à l'aide d'une liste :
J'ai ensuite indiqué en CSS pour chaque partie de la liste :
Cette méthode m'a permis de mettre en place un :hover, avec un effet de surbrillance (en changeant l'image du background) lorsque la souris effleure le menu. Bref, au niveau du design, j'ai réussi à faire ce que je voulais. Mais au moment de rajouter mon lien et d'enfin rendre mon menu fonctionnel, ô stupeur, impossible de le faire, et pour cause : ma liste est vide, sur quoi pourrais-je appliquer mon lien ? (mon menu étant en fait une série de background).
Voilà. On en arrive à ma question : y'a-t-il une solution ? J'ai lu un topic sur ce forum qui sous entendait que de tels liens "invisibles" - sur le background ? - étaient réalisables, bien que peu recommandés (car encore assez mal gérés ?). Dans mon cas, vu que je suis parti pour faire quelque chose qui ne fonctionneras définitivement pas sous IE, pourrais-je me le permettre ? Mon choix est très discutable j'en convient, je ferme l'accès à mon site à 60% des internautes... mais disons que je réfléchirais à une version IE si le premier jet rencontre un semblant de succès.
En vous remerciant d'avance de votre aide
Gelco
Modifié par Gelco (10 Apr 2007 - 01:24)
Je débute tout juste dans l'univers du xHTML et du CSS, et je me suis fixé comme challenge de créer mon premier site en utilisant le bloc note seul (ainsi que toshop pour la partie images).
Je me suis certainement un peu compliqué la vie, et j'ai du faire quelques concessions. Et interdire l'accès aux utilisateurs de IE, vu que j'ai utilisé plusieurs png24 (j'vais me faire taper sur les doigts, mais je n'ai pas trouvé d'autres solutions pour gérer une transparence correcte).
Et là, je me heurte à un problème lié à mon menu. J'ai structuré ce dernier à l'aide d'une liste :
<div id="menu">
<div class="menu1">
<br></br>
<br></br>
<ul>
<li class="introduction"></li>
<li class="test"></li>
<li class="personnages"></li>
<li class="equipement"></li>
<li class="vehicules"></li>
<li class="planetes"></li>
<li class="cheminement"></li>
<li class="astuces"></li>
<li class="boulonsor"></li>
<li class="competence"></li>J'ai ensuite indiqué en CSS pour chaque partie de la liste :
.introduction
{
width: 175px;
height: 31px;
background-image: url("images/menu_introduction.gif");
background-repeat: no-repeat;
margin-left: -31px;
}
Cette méthode m'a permis de mettre en place un :hover, avec un effet de surbrillance (en changeant l'image du background) lorsque la souris effleure le menu. Bref, au niveau du design, j'ai réussi à faire ce que je voulais. Mais au moment de rajouter mon lien et d'enfin rendre mon menu fonctionnel, ô stupeur, impossible de le faire, et pour cause : ma liste est vide, sur quoi pourrais-je appliquer mon lien ? (mon menu étant en fait une série de background).
Voilà. On en arrive à ma question : y'a-t-il une solution ? J'ai lu un topic sur ce forum qui sous entendait que de tels liens "invisibles" - sur le background ? - étaient réalisables, bien que peu recommandés (car encore assez mal gérés ?). Dans mon cas, vu que je suis parti pour faire quelque chose qui ne fonctionneras définitivement pas sous IE, pourrais-je me le permettre ? Mon choix est très discutable j'en convient, je ferme l'accès à mon site à 60% des internautes... mais disons que je réfléchirais à une version IE si le premier jet rencontre un semblant de succès.
En vous remerciant d'avance de votre aide
Gelco
Modifié par Gelco (10 Apr 2007 - 01:24)
