pauline46 | Bonjour!
J'ai voulu insérer dans ma page html un bouton positionné sur une div. Au passage de la souris, le bouton s'affiche et je peux cliquer dessus pour aller vers une autre page de mon site. Évidement une fois testé avec IE ça ne marche pas! (j'ai testé avec Firefox, Opera et Safari c'est impeccable).
Quelqu'un peut m'éclairer?
le code html:
Code :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Eugène Trutat</title>
- <link rel="stylesheet" type="text/css" href="style_trutat.css">
- <script type="text/javascript">
- <!--
- function MM_goToURL() { //v3.0
- var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
- for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'" );
- }
- function MM_showHideLayers() { //v9.0
- var i,p,v,obj,args=MM_showHideLayers.arguments;
- for (i=0; i<(args.length-2); i+=3)
- with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
- if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
- obj.visibility=v; }
- }
- //-->
- </script>
- </head>
- <body>
- <div id="global">
- <div id="fond">
- <div id="cadre" > <img src="images/INDEX_ACCUEIL_PLAT.jpg"alt="" width="887" height="585"/>
-
- <div id="cadre_voyage" onclick="MM_goToURL('parent','voyage.html');return document.MM_returnValue" onmouseover="MM_showHideLayers('voyage','','show')" onmouseout="MM_showHideLayers('voyage','','hide')">
- <div id="voyage"> <a class="bouton_rubrique" > Voyages </a></div>
- </div>
-
- </div>
- </div>
- </div>
- </body>
- </html>
|
Et le CSS
Code :
- #global {
- width:1007px;
- height:590px;
- margin-left:auto;
- margin-right:auto;
- text-decoration:none;
- }
- p /*police*/ {
- font-size: 13px;
- color: #B3AF9D;
- text-align: left;
- font-family:Tahoma, Geneva, sans-serif;
- text-decoration:none;
- margin: 0;
- padding: 7px 0;
- }
- .bouton_rubrique {
- color: #FFF;
- font-weight:bold;
- height:5px; /*hauteur de la cellule*/
- line-height:3px;
- text-decoration:none; /*option soulignement du texte*/
- padding: 2px;
- font-size: 24px;
- background-color:#b3af9d;
- cursor:pointer;
- }
- a {
- outline: none;
- text-decoration: none;
- color:#b3af9d;
- }
|
Merci d'avance!! |
