28173 sujets

CSS et mise en forme, CSS3

Balise a avec class

Bonjour a tous je suis nouveau et je viens vous demandez de m'aider car la je patine dans la semoulee http://forum.alsacreations.com/smilies/sourire.gif

J'ai fais un menu intégrer dans la bannière et je souhaite m'aider de zones cliquables via css, aucun problème sous Firefox sous IE oe peux pas cliquer sur les zones

Preuve a l'appui :

http://zarnergunweb.free.fr/Kinh/index.html

Sous firefox deux boutons visibles et cliquables
Sous IE deux boutons visibles et non cliquables !

Voici la partie CSS : 

.zone1 { /* zone cliquable */
float: left; 
width : 120px;
height: 38px;
margin-left: 220px;
margin-top: 68px;

border: 1px dotted white; /* ajouté pour visualiser la zone*/
}
.zone3 { /* zone cliquable */
float: left;
width : 120px;
height: 35px;
margin-left: 175px;
margin-top: 68px;

border: 1px dotted white; /* ajouté pour visualiser la zone*/
}


Et la partie xHTMl : 

   <a class="zone1" href="index.html" title="Accueil"></a>
      <a class="zone2" href="index.html" title="Jeux"></a>
	     <a class="zone3" href="../forum/" title="Forum"></a>
		    <a class="zone4" href="index.html" title="Autres"></a>


Merci d'avance
Modifié par zarnergun (24 Apr 2007 - 13:19)
Bonjour,

Drôle de méthode pour créer un menu ...
Faudrait aussi peut être jeter un oeil sur les tutos de mises en page...
Pour ton problème dans l'état du code, un position: relative à tes zones cliquables devrait te soulager un peu !

Mais tu devrais revoir ta mise en page pour démarrer sur du "propre"
Pourquoi fixer une position celle la est bien xD, je ne vois pas comment faire d'autres zones cliquables en CSS ? une autre facon ?

Sinon le problème n'est pas la position mais le fais qu'elles ne soient pas cliquables !

Tu penses qu'avec une position relative la zone serait cliquable !
a écrit :
Tu penses qu'avec une position relative la zone serait cliquable !

Rajouter 
position:relative;
sous IE quand un truc marche pas est souvent une solution miracle, essaie, tu verra.

Si ca marche pas, tente de rajouter un overflow:hidden ou un height:1% à ton #banniere1

Mais je plussoie les autres, suis les p'tits tutos sur la création d'un menu, là qu'il n'y ai pas de texte dans les liens... aïe...
Sujet clos
Aller à