Bonjour,
Je ne sais pas si je poste au bon endroit...puisque cela concerne un logiciel précis :o
Voilà mon problème, j'essaie de créer un template JOOMLA (1.5) et d'y intégrer un menu déroulant. J'ai intégré le module Extended Menu, seulement voilà le sous menu s'affiche désespérement.
Je suppose que "le chemin de mes balises CSS du menu déroulant" n'est pas bon. Merci d'avance pour toute aide
Voici les codes :
Je ne sais pas si je poste au bon endroit...puisque cela concerne un logiciel précis :o
Voilà mon problème, j'essaie de créer un template JOOMLA (1.5) et d'y intégrer un menu déroulant. J'ai intégré le module Extended Menu, seulement voilà le sous menu s'affiche désespérement.
Je suppose que "le chemin de mes balises CSS du menu déroulant" n'est pas bon. Merci d'avance pour toute aide
Voici les codes :
<body>
<div id="conteneur">
<div id="header"><a name="haut_page" id="haut_page"></a>
<div id="header0">
<table width="980">
<tr>
<td class="date">Mardi, 04 octobre 2011</td>
<td ><jdoc:include type="modules" name="user3" style="xhtml" /></td>
<td ><a href="http://fr-fr.facebook.com/"><img src="templates/tribune/images/facebook.png" alt="facebook" width="88" height="17" /></a></td>
<td><div id="recherche"><img src="templates/tribune/images/inscription.png" alt="" width="181" height="19" />
<jdoc:include type="modules" name="user'" style="xhtml"/></div></td>
</tr>
</table>
</div>
<div id="header1">
<table width="980">
<tr>
<td><img src="templates/tribune/images/logo_tribune.gif" alt="" width="252" height="83" /></td>
<td><div id="recherche">
<jdoc:include type="modules" name="user4" style="xhtml"/></div></td>
<td class="pub"> <div id="pub">
<jdoc:include type="modules" name="right" style="xhtml"/></div></td>
</tr>
</table>
<div id="header2"> <jdoc:include type="modules" name="left" style="xhtml"/>
</div>
</div>
<div id="content">
<table width="980">
<tr>
<td colspan="2"><div id="bloc_gauche">
<div id="message"><jdoc:include type="message" /></div>
<div id="component"><jdoc:include type="component" style="xhtml" /></div>
</div>
</td>
<td rowspan="2" class="bloc_droit">
<div id="pub"><jdoc:include type="modules" name="right" style="xhtml"/></div>
<div id="derniere_news"><jdoc:include type="modules" name="user1" style="xhtml"/></div>
</td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>
<div id="footer">
<table width="1001" class="fond_gris">
<tr ><div id="footer1"></div>
<td><div><a href="#haut_page"><img src="templates/tribune/images/tribune.png" alt="" width="136" height="33" /></a></div></td>
<td><div id="regie"></div></td>
<td ><div id="copir">Copyright © 2011 La Tribune. Tous droits réservés</div></td>
</tr>
<tr>
<td colspan="3" class="menu_footer"><div id="footer2"><jdoc:include type="modules" name="left" style="xhtml"/></div></td>
</tr>
<tr>
<td>&7;</td>
<td>&8;</td>
<td>&9;</td>
</tr>
</table>
<div id="copyr"><jdoc:include type="modules" name="footer" style="none" /></div>
</div>
</div>
</div>
</body>
</html>@charset "UTF-8";
/* CSS Document */
body {
background-image: url(../images/fond.png);
background-repeat: repeat;
background-position: center;
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
#conteneur {
background-color: #FFF;
width: 1001px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#header a {
text-decoration: none;
}
#header #content a {
color: #333;
font-size: 20px;
font-weight: bold;
}
#header #header0 {
height: 30px;
background-image: url(../images/motif.png);
background-repeat: repeat;
padding-right: 10px;
padding-left: 10px;
}
#conteneur #header #header0 a {
color: #333;
font-size: 12px;
padding-right: 10px;
padding-left: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #333;
}
#header #header0 table tr .date {
font-size: 12px;
color: #036;
}
#header #header1 table tr td #recherche {
font-size: 12px;
color: #666;
}
#header #header1 table tr .pub {
background-image: url(../images/300x87_Header_abo.gif);
background-repeat: no-repeat;
height: 86px;
width: 300px;
}
#header #header2 {
background-image: url(../images/menu_bleu.png);
background-repeat: repeat;
height: 40px;
}
#header #header2 li {
float: left;
list-style-type: none;
padding-right: 5px;
padding-left: 5px;
padding-top: 5px;
font-size: 12px;
}
#header #header2 a {
color: #FFF;
font-size: 12px;
font-weight: bold;
height: 25px;
}
#header #header2 li:hover {
background-color: #333;
}
#header #content {
height: 600px;
width: 600px;
clear: both;
}
#header #content table tr .bloc_droit {
width: 300px;
clear: both;
text-align: left;
}
#header #content table tr td #bloc_gauche #component {
width:580px;
margin: 10px;
}
#header #content table tr td #bloc_gauche #component h4{
background-color: #063;
}
#header #content table tr td #derniere_news {
color: #FFF;
font-size: 14px;
padding-top: 10px;
}
#header #content table tr td #derniere_news h3{
font-size: 14px;
font-weight: bold;
color: #FFF;
height: 15px;
background-image: url(../images/menu_bleu.png);
background-repeat: repeat-x;
padding-top: 5px;
padding-left: 5px;
width: 326px;
margin-left: 40px;
padding-bottom: 5px;
}
#header #content table tr td #derniere_news li{
height: 30px;
float: left;
width: 326px;
font-weight: bold;
margin: 2px;
}
#header #content table tr td #derniere_news li:hover{
background-color: #F93;
}
#header #content table tr td #derniere_news a{
color: #666;
font-size: 11px;
}
#header #content table tr .bloc_droit #pub {
background-image: url(../images/pub2.png);
background-repeat: no-repeat;
width: 326px;
height:86px;
margin-left: 40px;
}
#conteneur #header #footer .fond_gris {
background-image: url(../images/footer0.png);
background-repeat: repeat-x;
}
#conteneur #header #footer .fond_gris tr td #copir {
font-size: 11px;
color: #333;
float: right;
height: 35px;
margin-right: 5px;
}
#conteneur #header #footer #copyr {
font-size: 11px;
color: #333;
text-align: center;
}
#conteneur #header #footer #copyr a {
color: #069;
}
#conteneur #header #footer table tr td #footer2 li {
float: left;
list-style-type: none;
font-size: 12px;
width: 100px;
}
#conteneur #header #footer table tr td #footer2 a {
font-size: 12px;
color: #333;
}
ul#menulist_root li ul {
display:none;
}
ul#menulist_root li:hover ul{
display:block;
background:none;
}
ul#menulist_root li ul li{
background:#000000;
opacity:.85;
filter: alpha(opacity=85);
-moz-opacity: 0.85;
clear:both;
}
ul#menulist_root li ul li a{
background:none;
width:66px;
}
ul#menulist_root li ul li a:hover{
color:#AA0000;
background:none;
}