Bonjour, je souhaite modifier le CSS d'un module mais je ne suis pas assez expérimenté
J'utilise le skin par défaut du Top menu de joomla visible ici (
cabinetreile.fr) avec marqué accueil, news,biodiversité,modélisation et social/culturel. Ici tout va bien par contre quand vous allez sur les 3 dernier menu j'ai des sous menu et il no pas de CSS j'aimerai quil ai le même que le Top menu qui s'intègre bien.
Le module est mod_maximenu_CK ou je peux activer ou non le CSS ( actuellement il est désactivé car il est noir et donc ne va aps avec le site)
CSS du style par défaut :
/* horizontal pill menu */
table.pill {
margin-left: auto;
margin-right: auto;
padding: 0;
}
td.pill_l {
background: url(../images/mw_menu_cap_l.png) no-repeat;
width: 20px;
height: 32px;
}
td.pill_m {
background: url(../images/mw_menu_normal_bg.png) repeat-x;
padding: 0;
margin: 0;
width: auto;
}
td.pill_r {
background: url(../images/mw_menu_cap_r.png) no-repeat;
width: 19px;
height: 32px;
}
#pillmenu {
white-space: nowrap;
height: 32px;
float: left;
}
#pillmenu ul {
margin: 0;
padding: 0;
list-style:none;
}
#pillmenu li {
float: left;
background: url(../images/mw_menu_separator.png) top right no-repeat;
margin: 0;
padding: 0;
}
#pillmenu a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
float:left;
display:block;
height: 24px;
line-height: 24px;
padding: 0 20px;
color: #000;
text-decoration: none;
}
#pillmenu a#active_menu-nav {
margin-top:2px;
height: 21px;
line-height: 21px;
background-position: 0 0;
}
#leftcolumn {
padding: 0;
margin: 0;
width: 20%;
float:left;
}
#maincolumn,
#maincolumn_full {
margin-left: 20%;
padding-left: 15px;
width: 75%;
}
#maincolumn_full {
margin-left: 0;
padding: 0;
width: 100%;
}
table.nopad {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
margin-bottom: 15px;
}
table.nopad td.middle_pad {
width: 20px;
CSS du module si je l'active
div.maximenuCKH ul.maximenuCK {
clear:both;
position : relative;
z-index:8000;
}
div.maximenuCKH ul.maximenuCK > ul {
clear:both;
padding : 0;
margin : 0;
}
div.maximenuCKH ul.maximenuCK .moduletable {
}
div.maximenuCKH ul.maximenuCK li.maximenuCK {
float:left;
position:relative;
text-align : left;
padding : 0;
margin : 0;
}
div.maximenuCKH ul.maximenuCK li.maximenuCK img {
float:left;
}
div.maximenuCKH ul.maximenuCK li.maximenuCK a {
display:block;
float : none !important;
float : left;
position:relative;
}
div.maximenuCKH ul.maximenuCK2 li.maximenuCK a {
float : none !important;
}
div.maximenuCKH ul.maximenuCK li ul.maximenuCK2 {
display:block;
z-index:11000;
clear:left;
margin:0;
padding:0;
text-align : left;
position : static;
}
div.maximenuCKH ul.maximenuCK li ul li.maximenuCK {
text-align : left;
position : relative;
z-index : 11001;
padding:0;
}
div.maximenuCKH ul.maximenuCK li li.maximenuCK a {
display: block;
padding : 0;
margin : 0;
}
div.maximenuCKH div.maximenuCK2 {
float : left;
margin : 0;
padding : 0;
width : 180px;
}
div.maximenuCKH div.clr {
width : 100%;
clear : both;
height : 0px;
visibility : hidden;
}
/*** d�finit la position du bloc enfant ***/
div.maximenuCKH ul.maximenuCK li div.floatCK {
position : absolute;
left: -999em;
width : 180px;
padding : 0;
margin : 0;
}
div.maximenuCKH ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {
margin : -30px 0 0 180px;
}
div.maximenuCKH div.floatCK ul, div.maximenuCKH div.floatCK ul li {
position : static;
height : 100%;
}
/*** ajouter les tailles des colonnes ***/
div.maximenuCKH ul.maximenuCK li div.cols2 {
width : 360px;
}
div.maximenuCKH ul.maximenuCK li div.cols3 {
width : 540px;
}
div.maximenuCKH ul.maximenuCK li div.cols4 {
width : 720px;
}
/*** mouvement des enfants au survol pilot� par css si mootools d�sactiv� ***/
div.maximenuCKH ul.maximenuCK li:hover div.floatCK div.floatCK, div.maximenuCKH ul.maximenuCK li:hover div.floatCK:hover div.floatCK div.floatCK,
div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK div.floatCK, div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK.sfhover div.floatCK div.floatCK {
left: -999em;
}
div.maximenuCKH ul.maximenuCK li:hover div.floatCK, div.maximenuCKH ul.maximenuCK li:hover div.floatCK li:hover div.floatCK, div.maximenuCKH ul.maximenuCK li:hover div.floatCK li:hover div.floatCK li:hover div.floatCK,
div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK, div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK li.sfhover div.floatCK, div.maximenuCKH ul.maximenuCK li.sfhover div.floatCK li.sfhover div.floatCK li.sfhover div.floatCK {
left: auto;
}
div.maximenuCKH div.maximenuCK_mod ul {
left : auto;
}
/*** effet fancy ***/
div.maximenuCKH li.background {
/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
z-index: 8;
position: absolute;
/*visibility: hidden;*/
}
div.maximenuCKH .background .left {
background: url('../images/fancy_bg.png') repeat-x top left;
height: 34px;
/*margin-right: 9px;*/ /* 7px is the width of the rounded shape */
}
Voila en espérant que quelqu'un puisse m'aider
Bonne journée
et merci
