Modifier sous menus

Espartero79 -  
 Espartero79 -
Bonjour,

Je souhaite modifier l'apparence de mes sous menus qui pour l'instant ont la même apparence que mes menus lorsqu'ils apparaissent. J'aimerais savoir ou est-ce que je dois modifer quelque chose dans le css.
Voici l'allure de mon template et le css de ce template :

/* ----- Main Layout Elements ----- */
body {
background: #3d3d3d;
text-align: center;
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
margin: 0;
font-family: Arial, Verdana, sans-serif;
}
#container {
width: 980px;
font-size: 12px;
margin: 0 auto;
text-align: left;
clear: both;
margin-top: 10px;
background-color: #ffffff;
}
#header {
width: 980px;
height: 166px;
margin: 0 auto;
clear: both;
}
#headerinside {
width: 980px;
background-image: url('../images/bg-header.jpg');
margin: 0 auto;
height: 138px;
text-align: left;
clear: both;
}
#leftsidebar {
float: left;
width: 20%;
overflow: hidden;
padding-bottom: 10px;
}
#main {
float: left;
width: 78%;
overflow: hidden;
padding-bottom: 10px;
}
#rightsidebar {
float: left;
width: 2%;
overflow: hidden;
padding-bottom: 10px;
}
#footer {
margin: 0 auto;
width: 980px;
clear: both;
text-align: center;
font-size: 10px;
padding-top: 10px;
color: #ffffff;
background-color: #000000;
}
#footer a {
color: #ffff99;
}
a, a:visited {
color: #790878;
}
a:hover {
color: #b00000;
}
#searchForm {
padding-top: 10px;
}

/* ----- Top Menu ----- */
#topmenu {
background-image: url('../images/top-header.jpg');
padding-top: 5px;
margin: 0 auto;
height: 23px;
text-align: center;
clear: both;
}
#topmenu .moduletable {
border: 0;
padding: 0;
margin: 0 auto;
}
#topmenu ul {
margin: 0;
padding: 0;
list-style: none;
}

#topmenu li {
display: inline;
margin: 0;
padding: 0;
border-right: 1px solid #333333;

}
#topmenu a, #topmenu a:visited {
font-weight: bold;
padding-right: 10px;
padding-left: 10px;
color: #000000;
text-decoration: none;
border-left: 1px solid #333333;
}
#topmenu a:hover {
text-decoration: underline;
color: #f5ff50;
}

/* ----- Left Sidebar Elements ----- */
#leftsidebar ul {
margin: 0px;
padding-left: 20px;
padding-top: 5px;
}
#leftsidebar ul li {
margin: 0px;
padding: 0px;
list-style-type: square;
}
#leftsidebar ul li a {
text-decoration: none;
color: #333333;
}
#leftsidebar ul li a:hover {
text-decoration: underline;
}
#leftsidebar h3 {
margin: 0px;
padding-top: 4px;
padding-bottom: 4px;
height: 11px;
font-size: 10px;
font-family: verdana, arial;
color: #ffffff;
text-align: center;
background-image: url('../images/modtop.jpg');
}
#leftsidebar .moduletable {
background-color: #eeeeee;
color: #000000;
}
#user4 .moduletable {
background-color: #ffffff;
color: #000000;
}

/* ----- Sidebar Buttons ----- */
#leftsidebar .moduletable_menu {
margin-bottom: 10px;
background-color: #111111;
color: #333333;
padding: 0;
}

#leftsidebar .moduletable_menu ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#leftsidebar .moduletable_menu ul li {
list-style: none;
margin: 0;
}
#leftsidebar .moduletable_menu ul li a {
display: block;
padding: 2px 1px 2px 5px;
background-image: url('../images/bbg.jpg');
background-color: #440243;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #leftsidebar .moduletable_menu li a {
width: auto;
}

#leftsidebar .moduletable_menu li a:hover {
background-color: #c40101;
background-image: url('../images/bbgo.jpg');
color: #ffffff;
}

/* ----- Right Sidebar Elements ----- */
#rightsidebar .moduletable, #rightsidebar .moduletable_text {
background-color: #fafafa;
color: #000000;
margin-bottom: 10px;
border: 1px solid #bababa;
}
#rightsidebar .moduletable h3, #rightsidebar .moduletable_text h3 {
margin: 0px;
padding-top: 2px;
padding-bottom: 4px;
height: 11px;
font-size: 10px;
font-family: verdana, arial;
color: #ffffff;
text-align: center;
background-color: #000000;
}
#rightsidebar p, .bannergroup_text {
margin-top: 0px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}

/* Additional markups */
.pagenavcounter, .pagenav {
font-size: 10px;
}
.contenttoc {
padding: 5px;
}

div.componentheading { /* Component heading */
font-size: 16px;
border-bottom: 1px solid #777777;
font-weight: bold;
margin-top: 10px;
border-bottom: 1px solid #cccccc;
}
td.contentheading { /* Post titles/headings */
font-size: 16px;
font-weight: bold;
clear: both;
padding-top: 10px;
text-decoration: underline;
}
table.contentpaneopen { /* Table wrapping posts */
margin: 0;
padding: 0;
}
#form-login-remember { /* Small 'remember me?' text in login form */
font-size: 12px;
padding-bottom: 5px;
}
#form-login {
text-align: center;
}
#form-login-username, #form-login-password, #form-login-remember {
text-align: left;
font-size: 11px;
padding-left: 10px;
margin: 0;
}
#form-login ul {
text-align: left;
}
fieldset.input {
border: 0;
}
#form-login #form-login-remember {
text-align: center;
}
form {
margin:0;
}
td.sectiontableentry1 { /* Alternating rows for polls */
background-color: #ffffff;
}
td.sectiontableentry2 { /* Alternating rows for polls */
background-color: #f9f9f9;
}
.button {
background-color: #ddecf3;
font-size: 10px;
font-family: verdana, arial;
border-top: 1px solid #e7f7ff;
border-left: 1px solid #cde4ef;
border-bottom: 1px solid #000000;
border-right: 1px solid #245167;
}
.buttonheading img {
border: none;
margin: 0;
padding: 0;
}
span.small { /* Small text underneath post title, i.e. 'Written by...' */
font-size: 10px;
margin: 0;
padding: 0;
}
td.createdate { /* Small date under post titles */
font-size: 10px;
text-align: left;
color: #999999;
}
td.modifydate { /* The 'Last Updated' date under posts/modules. */
font-size: 10px;
text-align: right;
font-style: italic;
}
a.readon { /* The 'Read More...' link under posts/modules. */
font-size: 10px;
float: right;
text-align: right;
}
td.article_column {
padding-right: 10px;
}
table.pollstableborder {
text-align: left;
width: 100%;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
span.breadcrumbs {
font-size: 10px;
color: #666666;
}
.crumbbg {
background-color: #fff0fe;
}
div.bannerheader {
font-size: 10px;
}

Lien vers mon template : https://www.cjoint.com/?fmjP70xkgS

Merci beaucoup à celui ou celle qui prendra un peu de son temps pour m'aider

2 réponses

Espartero79
 
Je précise que je travaille sur joomla et que je ne suis que débutant sur ce CMS.
0
drakith
 
j'ai pas la réponse comme ca, ya trop a lire mais un bon moyen de trouver quoi modifier dans un css, c'est d'utiliser l'extention firefox "web dev" ;)
0
Espartero79
 
Le problème est que je travaille avec internet explorer , merci quand même , donc je vais tenter de bidouiller mon css jusqu'à trouver les sous menus ^^. Si yena 'dautre qui ont une idée, merci de me le faire savoir !!
Je pense que la réponse doit se trouver dans les éléments de left sidebar mais ou ? la est la question !!
0