28173 sujets

CSS et mise en forme, CSS3

CSS et Firefox Mozilla

Bonjour,

J'utilise "CSS Tab Designer" et les roll-over ne fonctionnent pas sous Firefox Mozilla, que faire ?
Merci.

---voici le code dans le head
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 80%;
font-weight: bold;
background: #FFF;
background-color: #FFFFFF;
}

ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}


#menu9 {
width: 180px;
margin: 0px;
}

#menu9 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu9 li a:link, #menu9 li a:visited {
color: #FFF;
display: block;
background: url(menu9.gif);
padding: 8px 0 0 35px;
}

#menu9 li a:hover, #menu9 li #current { {
color: #FFF;
background: url(menu9.gif) 0 -32px;
padding: 8px 0 0 35px;
}
---voici le code dans le body
<div id="menu9">
<ul>
<!-- CSS Tabs -->
<li><a href="../html/seychelles.html">Savanna Tours</a></li>
<li><a href="../html/seychelles.html">Taï-Yang</a></li>
<li><a id="current" href="../html/seychelles.html">Seychelles</a></li>
<li><a href="../html/mondotours.html">Mondotours</a></li>
<li><a href="../html/eastwind.html">East Wind</a></li>
<li><a href="../html/seychelles.html">Robinson</a></li>
<li><a href="../html/seychelles.html">Flash Tour</a></li>
<li><a href="../html/seychelles.html">Karaneik</a></li>
</ul>
</div>
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Bonjour nini,

Pour commencer, pourrais-tu mettre ton code en forme en encadrant tes bouts de code par les balises [code ][ /code] sans les espaces. On aura plus de faciliter à lire ton post et par conséquent à t'aider.

Merci par avance.
Romain

<grillé> Smiley lol c'est pas juste y'a que les modos qu'ont les boutons/listes déroulantes qui vont bien Smiley biggol </grillé>
Modifié par yodaswii (23 May 2007 - 16:35)
http://forum.alsacreations.com/smilies/rolleyes.gif
Smiley rolleyes Désolée voici mon code, et merci par avance

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>aaa</title>
<style type="text/css">
<!--
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
	background: #FFF;
	background-color: #FFFFFF;
        }

ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

img {
    border: none;
}

/*- Menu 9--------------------------- */

#menu9 {
        width: 180px;
        margin: 0px;
        }

#menu9 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu9 li a:link, #menu9 li a:visited {
        color: #FFF;
        display: block;
        background:  url(menu9.gif);
        padding: 8px 0 0 35px;
        }

#menu9 li a:hover, #menu9 li #current { {
        color: #FFF;
        background:  url(menu9.gif) 0 -32px;
        padding: 8px 0 0 35px;
        }
</style>
</head>

<body>
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
  <!--DWLayoutTable-->
  <tr>
    <td width="11" height="16"></td>
    <td width="180"></td>
    <td width="579"></td>
  </tr>
  <tr>
    <td height="256"></td>
    <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <!--DWLayoutTable-->
      <tr>
        <td width="180" height="256" valign="top"><div id="menu9">
          <ul>
            <!-- CSS Tabs -->
            <li><a href="../html/seychelles.html">Savanna Tours</a></li>
                <li><a href="../html/seychelles.html">Taï-Yang</a></li>
                <li><a id="current" href="../html/seychelles.html">Seychelles</a></li>
                <li><a href="../html/mondotours.html">Mondotours</a></li>
                <li><a href="../html/eastwind.html">East Wind</a></li>
                <li><a href="../html/seychelles.html">Robinson</a></li>
                <li><a href="../html/seychelles.html">Flash Tour</a></li>
                <li><a href="../html/seychelles.html">Karaneik</a></li>
                        </ul>
          </div></td>
        </tr>
    </table></td>
  <td></td>
  </tr>
  <tr>
    <td height="589"></td>
    <td> </td>
    <td></td>
  </tr>
</table>
</body>
</html>
Sujet clos
Aller à