Bonjour,
Je pose la question car je suis dans le camboui depuis 2 jours (c'est comme ça que l'on apprend)
j'ai modifié le template beez 20 avec joomla 2.5.9 pour le mettre tout en noir, avec des menus tout simple en position 7.
quand je survole avec la souris ces menus un gros rectangle blanc apparait, c'est très laid.
je vous donne les codes trouvé avec firebug.
ul.menu li.active a:link, ul.menu li.active a:visited {
color: #095197;
}
ul.menu li.active a:link, ul.menu li.active a:visited {
font-weight: bold;
}
ul.menu li a:link, ul.menu li a:visited {
background: url("../images/nature/karo.gif") no-repeat scroll 5px 12px transparent;
color: #FFF8DC;
}
ul.menu li a:link, ul.menu li a:visited {
display: block;
padding: 7px 4px 7px 15px;
text-decoration: none;
}
a:link, a:visited {
color: #095197;
}
* {
margin: 0;
padding: 0;
}
#nav ul {
list-style-type: none;
}
ul.menu {
list-style-type: none !important;
}
#all {
color: #FFF8DC;
}
#all {
font-size: 0.8em;
}
#all {
text-align: left;
}
body {
color: #333333;
font-family: arial,helvetica,sans-serif;
}
body {
font-size: 100.01%;
text-align: center;
}
voila il me semble que cela dois ce passer dans les feuilles de style ?
merci de vos réponses
Je pose la question car je suis dans le camboui depuis 2 jours (c'est comme ça que l'on apprend)
j'ai modifié le template beez 20 avec joomla 2.5.9 pour le mettre tout en noir, avec des menus tout simple en position 7.
quand je survole avec la souris ces menus un gros rectangle blanc apparait, c'est très laid.
je vous donne les codes trouvé avec firebug.
ul.menu li.active a:link, ul.menu li.active a:visited {
color: #095197;
}
ul.menu li.active a:link, ul.menu li.active a:visited {
font-weight: bold;
}
ul.menu li a:link, ul.menu li a:visited {
background: url("../images/nature/karo.gif") no-repeat scroll 5px 12px transparent;
color: #FFF8DC;
}
ul.menu li a:link, ul.menu li a:visited {
display: block;
padding: 7px 4px 7px 15px;
text-decoration: none;
}
a:link, a:visited {
color: #095197;
}
* {
margin: 0;
padding: 0;
}
#nav ul {
list-style-type: none;
}
ul.menu {
list-style-type: none !important;
}
#all {
color: #FFF8DC;
}
#all {
font-size: 0.8em;
}
#all {
text-align: left;
}
body {
color: #333333;
font-family: arial,helvetica,sans-serif;
}
body {
font-size: 100.01%;
text-align: center;
}
voila il me semble que cela dois ce passer dans les feuilles de style ?
merci de vos réponses
Commentaire