Code html défaillant...
ckvtdn
Messages postés
756
Date d'inscription
Statut
Membre
Dernière intervention
-
ckvtdn Messages postés 756 Date d'inscription Statut Membre Dernière intervention -
ckvtdn Messages postés 756 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Bonjour,
Je suis en train d'essayer de mettre en place un menu, j'ai donc suivi un tuto pour y arriver. Mais lorsque je tente d'ouvrir le fichier via Firefox, je n'obtiens pas le résultat escompté...
Voici mon code html:
<html>
<head>
<title>Test_Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="css/style.css" />
<script type="text/javascript" src="js/menu.js"></script>
</head>
<body>
<ul>
<li>
<a href="#">accueil</a>
</li>
<li>
<a href="#">membres</a>
</li>
<li>
<a href="#">images</a>
</li>
<li>
<a href="#">téléchargements</a>
</li>
<li>
<a href="#">plus</a>
</li>
</ul>
</body>
</html>
Voici le fichier CSS lié:
<style type="text/css">
.menu {
position:relative;
width:750px;
height:2em;
background:#b7c6ac;
border-top:10px solid #b7c6ac;
padding-bottom:1px;
background:#b7c6ac url(images/bg.png) bottom left repeat-x;
margin-bottom:5em;
</html>
}
* html .menu {padding-bottom:0;}
.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:730px;
height:100%;
}
.menu li{
float:left;
}
.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}
.menu a, .menu :visited {
color:#fff;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(images/lefta.png);
border-bottom:1px solid #777;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(images/mid.png);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(images/right.png);
border-bottom:1px solid #777;
}
.menu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;
border-bottom:1px solid #777;
border-right:1px solid #777;
background:#ccc;
}
.menu :hover {
white-space:normal;
}
.menu a:hover b {
color:#000;
background: transparent url(images/mid1.png);
border-bottom-color:#ccc;
}
.menu a:hover em.lft {
background: transparent url(images/left1.png);
border-bottom-color:#ccc;
}
.menu a:hover em.rgt {
background: transparent url(images/right1.png);
border-bottom-color:#ccc;
}
.menu li:hover > a b
{
color:#000;
background: transparent url(images/mid1.png);
border-bottom-color:#ccc;
}
.menu li:hover > a em.lft {
background: transparent url(images/left1.png);
border-bottom-color:#ccc;
}
.menu li:hover > a em.rgt {
background: transparent url(images/right1.png);
border-bottom-color:#ccc;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}
.menu ul :hover ul li {
display:block; border-left:1px solid #777; background:#ccc; height:2em;
}
.menu ul :hover ul li a {
display:block; font-size:0.8em; height:2em; line-height:2.5em; width:auto; float:left; color:#444; padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#c00;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug <<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
</style>
Et enfin, voici le fichier javascript lié:
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Quelqu'un pourrait il me dire quoi corriger pour que mon menu fonctionne... :(
A l'heure actuelle, tout ce qui est afficher, c'est une liste de liens les uns sous les autres, sans aucune mise en forme ni effet, ni rien...
J'ai pourtant bien organisé le dossier sous windows: mon dossier "menu" qui contient le fichier menu.html, puis deux sous-dossiers js et css qui eux-même contiennent respectivement menu.js et style.css.
Bonjour,
Je suis en train d'essayer de mettre en place un menu, j'ai donc suivi un tuto pour y arriver. Mais lorsque je tente d'ouvrir le fichier via Firefox, je n'obtiens pas le résultat escompté...
Voici mon code html:
<html>
<head>
<title>Test_Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="css/style.css" />
<script type="text/javascript" src="js/menu.js"></script>
</head>
<body>
<ul>
<li>
<a href="#">accueil</a>
</li>
<li>
<a href="#">membres</a>
</li>
<li>
<a href="#">images</a>
</li>
<li>
<a href="#">téléchargements</a>
</li>
<li>
<a href="#">plus</a>
</li>
</ul>
</body>
</html>
Voici le fichier CSS lié:
<style type="text/css">
.menu {
position:relative;
width:750px;
height:2em;
background:#b7c6ac;
border-top:10px solid #b7c6ac;
padding-bottom:1px;
background:#b7c6ac url(images/bg.png) bottom left repeat-x;
margin-bottom:5em;
</html>
}
* html .menu {padding-bottom:0;}
.menu ul{
list-style-type:none;
padding:0;
margin:0 0 0 20px;
width:730px;
height:100%;
}
.menu li{
float:left;
}
.menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}
.menu a, .menu :visited {
color:#fff;
text-decoration:none;
}
.menu a em.lft, .menu :visited em.lft {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(images/lefta.png);
border-bottom:1px solid #777;
}
.menu a b, .menu :visited b {
display:block;
font-weight:normal;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url(images/mid.png);
cursor:pointer;
border-bottom:1px solid #777;
}
.menu a em.rgt, .menu :visited em.rgt {
display:block;
float:left;
width:5px;
height:2em;
background: transparent url(images/right.png);
border-bottom:1px solid #777;
}
.menu ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:-20px;
width:749px;
border-bottom:1px solid #777;
border-right:1px solid #777;
background:#ccc;
}
.menu :hover {
white-space:normal;
}
.menu a:hover b {
color:#000;
background: transparent url(images/mid1.png);
border-bottom-color:#ccc;
}
.menu a:hover em.lft {
background: transparent url(images/left1.png);
border-bottom-color:#ccc;
}
.menu a:hover em.rgt {
background: transparent url(images/right1.png);
border-bottom-color:#ccc;
}
.menu li:hover > a b
{
color:#000;
background: transparent url(images/mid1.png);
border-bottom-color:#ccc;
}
.menu li:hover > a em.lft {
background: transparent url(images/left1.png);
border-bottom-color:#ccc;
}
.menu li:hover > a em.rgt {
background: transparent url(images/right1.png);
border-bottom-color:#ccc;
}
.menu ul li:hover ul,
.menu ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}
.menu ul :hover ul li {
display:block; border-left:1px solid #777; background:#ccc; height:2em;
}
.menu ul :hover ul li a {
display:block; font-size:0.8em; height:2em; line-height:2.5em; width:auto; float:left; color:#444; padding:0 10px;}
.menu ul :hover ul li a:hover {
color:#c00;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug <<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
}
</style>
Et enfin, voici le fichier javascript lié:
sfHover = function() {
var sfEls = document.getElementById("menu").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Quelqu'un pourrait il me dire quoi corriger pour que mon menu fonctionne... :(
A l'heure actuelle, tout ce qui est afficher, c'est une liste de liens les uns sous les autres, sans aucune mise en forme ni effet, ni rien...
J'ai pourtant bien organisé le dossier sous windows: mon dossier "menu" qui contient le fichier menu.html, puis deux sous-dossiers js et css qui eux-même contiennent respectivement menu.js et style.css.
A voir également:
- Code html défaillant...
- Code ascii - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
- Editeur html - Télécharger - HTML
4 réponses
Salut,
C'est peut-être un oubli mais tu ne précises pas tes class de css dans ton html donc forcément ça ne peut pas marcher.
Je veux dire par là : <ul class="menu">
C'est peut-être un oubli mais tu ne précises pas tes class de css dans ton html donc forcément ça ne peut pas marcher.
Je veux dire par là : <ul class="menu">
A quoi sert ton fichier javascript ?
Dans le tuto, il disait que pour intégrer du javascript, il y avait plusieurs solutions: soit le mettre entre des balises directement dans le .html, soit le mettre dans un fichier séparer tout en l'appelant dans le .html par cette ligne dans le head <script type="text/javascript" src="js/menu.js"></script>
Pour répondre à ta question, le javascript sert, me semble-t-il, à utiliser la fonction hover.
Pour répondre à ta question, le javascript sert, me semble-t-il, à utiliser la fonction hover.
Pourquoi as tu la fin d'une balise html dans ton code css ?
Ensuite je vois que dans ton code html tu n'a pas de "menu" or je vois que dans ton code css tu le met
Essayes sa :
Ensuite je vois que dans ton code html tu n'a pas de "menu" or je vois que dans ton code css tu le met
Essayes sa :
<body>
<div class="menu">
<ul>
<li>
<a href="#">accueil</a>
</li>
<li>
<a href="#">membres</a>
</li>
<li>
<a href="#">images</a>
</li>
<li>
<a href="#">téléchargements</a>
</li>
<li>
<a href="#">plus</a>
</li>
</ul>
</div>
</body>
</html>
Je poste une dernière fois mon include, mon css et mon nav.html
Voilà l'include dans le fichier theme.php
<?php
include ('themes/Na_Gigoss/nav/nav.html')
?>
Voilà le lien dans le head de cette même page vers les CSS liés
<link title="style" type="text/css" rel="stylesheet" href="themes/Na_Gigoss/style.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="themes/Na_Gigoss/nav/css/style.css" />
Voilà le fichier que je cherche à include (nav.html)
<div id="menu">
<ul class="menu">
<! COLONNE ACCUEIL !>
<li class="accueil"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/accueil.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/">Portail</a></li>
<li><a href="http://teamepsilon.free.fr/index.php">Accueil</a></li>
</ul>
</li>
<! COLONNE NEWS !>
<li width="300px" class="news"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/news.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=19">Battlefield: Bad Company 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=16">Company of Heroes Online</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=20">Divers</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=21">Left 4 Dead 1 & 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=12">Team Fortress 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=14">IRL</a></li>
</ul>
</li>
<! COLONNE FORUMS !>
<li width="300px" class="forums"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/forums.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=14">The Epsilon League</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=26">Jeux</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=25">Mapping</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=27">Archives</a></li>
</ul>
</li>
<! COLONNE DOSSIERS !>
<li width="300px" class="dossiers"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/dossiers.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=27">Battlefield: Bad Company 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=28">Company of Heroes Online</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=15">Left 4 Dead 1 & 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=30">Team Fortress 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=23">Autres</a></li>
</ul>
</li>
<! COLONNE COMPTE !>
<li width="300px" class="compte"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/compte.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=User">Infos</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=User&op=edit_account">Profil</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=User&op=edit_pref">Préférences</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=User&nuked_nude=index&op=logout">Déconnexion</a></li>
</ul>
</li>
<! COLONNE PLUS !>
<li width="300px" class="plus"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/plus.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=Guestbook">Guest Book</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Download">Téléchargements</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Gallery">Gallerie</a></li>
</ul>
</li>
</ul>
</div>
Et voilà le CSS auquel est est censé faire appel
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
width:140px;
padding:32px;
}
#menu {
height:50px;
}
.accueil
{
background-image:url(images/accueil.png);
width:140px;
height:32px;
}
.news
{
background-image:url(images/news.png);
width:140px;
height:32px;
}
.forums
{
background-image:url(images/forums.png);
width:140px;
height:32px;
}
.dossiers
{
background-image:url(images/dossiers.png);
width:140px;
height:32px;
}
.compte
{
background-image:url(images/compte.png);
width:140px;
height:32px;
}
.plus
{
background-image:url(images/plus.png);
width:140px;
height:32px;
}
C'est tout.
Voilà l'include dans le fichier theme.php
<?php
include ('themes/Na_Gigoss/nav/nav.html')
?>
Voilà le lien dans le head de cette même page vers les CSS liés
<link title="style" type="text/css" rel="stylesheet" href="themes/Na_Gigoss/style.css" />
<link rel="stylesheet" media="screen" type="text/css" title="Menu" href="themes/Na_Gigoss/nav/css/style.css" />
Voilà le fichier que je cherche à include (nav.html)
<div id="menu">
<ul class="menu">
<! COLONNE ACCUEIL !>
<li class="accueil"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/accueil.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/">Portail</a></li>
<li><a href="http://teamepsilon.free.fr/index.php">Accueil</a></li>
</ul>
</li>
<! COLONNE NEWS !>
<li width="300px" class="news"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/news.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=19">Battlefield: Bad Company 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=16">Company of Heroes Online</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=20">Divers</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=21">Left 4 Dead 1 & 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=12">Team Fortress 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=News&op=categorie&cat_id=14">IRL</a></li>
</ul>
</li>
<! COLONNE FORUMS !>
<li width="300px" class="forums"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/forums.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=14">The Epsilon League</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=26">Jeux</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=25">Mapping</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Forum&cat=27">Archives</a></li>
</ul>
</li>
<! COLONNE DOSSIERS !>
<li width="300px" class="dossiers"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/dossiers.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=27">Battlefield: Bad Company 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=28">Company of Heroes Online</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=15">Left 4 Dead 1 & 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=30">Team Fortress 2</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Sections&op=categorie&secid=23">Autres</a></li>
</ul>
</li>
<! COLONNE COMPTE !>
<li width="300px" class="compte"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/compte.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=User">Infos</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=User&op=edit_account">Profil</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=User&op=edit_pref">Préférences</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=User&nuked_nude=index&op=logout">Déconnexion</a></li>
</ul>
</li>
<! COLONNE PLUS !>
<li width="300px" class="plus"><a href="#"><img src="http://teamepsilon.free.fr/themes/Na_Gigoss/nav/images/plus.png"></a>
<ul>
<li><a href="http://teamepsilon.free.fr/index.php?file=Guestbook">Guest Book</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Download">Téléchargements</a></li>
<li><a href="http://teamepsilon.free.fr/index.php?file=Gallery">Gallerie</a></li>
</ul>
</li>
</ul>
</div>
Et voilà le CSS auquel est est censé faire appel
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:black;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#FFD700;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
width:140px;
padding:32px;
}
#menu {
height:50px;
}
.accueil
{
background-image:url(images/accueil.png);
width:140px;
height:32px;
}
.news
{
background-image:url(images/news.png);
width:140px;
height:32px;
}
.forums
{
background-image:url(images/forums.png);
width:140px;
height:32px;
}
.dossiers
{
background-image:url(images/dossiers.png);
width:140px;
height:32px;
}
.compte
{
background-image:url(images/compte.png);
width:140px;
height:32px;
}
.plus
{
background-image:url(images/plus.png);
width:140px;
height:32px;
}
C'est tout.
Dans une feuille css c'est toi qui détermine le nom de ces class ou id dans ton cas : "menu" est un nom choisi tu pourrais l'appeller comme tu le veux ça n'a pas d'importance "toto" "bidule" on s'en fout.
La seule importance c'est que dans ta page html tu précises ce même nom, là où il s'applique.
Une balise <ul> ne déclare pas forcément un menu, c'est une liste tu la met en forme de menu grâce au css si le souhaite.
Mais tu dois comprendre qu'une page complète d'un site contient plusieurs balise html identique et ton css plusieurs noms différents que tu as choisi donc il ne pas deviner tout seul que ta balise <ul> doit appliquer le style ".menu" de ton css.
Donc tu lui dit en écrivant dans le html <ul class="menu">
Ensuite il y a une différence d'écriture entre class et id,
dans le html c'est simplement class="lenomchoisi" ou id="lenomchoisi"
dans le css une class c'est .lenomchoisi un id c'est #lenomchoisi
Mais ce n'est pas tout il faut aussi que tu comprenne les subtilité en class et id
Mais mes explications ne vont pas forcément te parler, je m'explique peut-être pas très bien.
Alors prend le temps de vraiment comprendre en lisant ce tuto:
https://www.commentcamarche.net/contents/230-css-feuilles-de-style
Voilà bon courage
Je vais essayer de lire ce tuto et de renseigné les class dans mon fichier html... j'espère que ça fonctionnera. Je reviens ici quand c'est fait. Merci à vous deux.