Problème alignement menus horizontaux
Espartero79
-
Espartero79 -
Espartero79 -
Bonjour,
Je travaille actuellement en local avec joomla pour créer le site d'une entreprise. Je suis débutant avec ce cms et depuis plusieurs jours je me heurte à un problème. J'ai créer 2 menus horizantaux dans la position user3 donc dans top menu. Mais ces deux menus ne s'affichent pas côte à côte, il s'affichent l'un en dessous de l'autre ce qui visuellement n'est pas top (PS: je travaille avec le template Aster).
Voici le code css référant au top menu :
/* ----- 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;
}
Merci d'avance à celui ou celle qui prendra un peu de son temps pour m'aider :-)
Je travaille actuellement en local avec joomla pour créer le site d'une entreprise. Je suis débutant avec ce cms et depuis plusieurs jours je me heurte à un problème. J'ai créer 2 menus horizantaux dans la position user3 donc dans top menu. Mais ces deux menus ne s'affichent pas côte à côte, il s'affichent l'un en dessous de l'autre ce qui visuellement n'est pas top (PS: je travaille avec le template Aster).
Voici le code css référant au top menu :
/* ----- 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;
}
Merci d'avance à celui ou celle qui prendra un peu de son temps pour m'aider :-)
A voir également:
- Problème alignement menus horizontaux
- Alignement tête d'impression canon pixma mg3650 - Forum Imprimante
- Mon imprimante canon fait des traits horizontaux - Forum Imprimante
- Alignement manuel de la tête d'impression d'une canon 3650s. - Forum Imprimante
- Lignes verticales mal et peu imprimées - Forum Imprimante
- Traits horizontaux écran iphone 11 ✓ - Forum Matériel & Système
2 réponses
Bonjour,
Essaye de changer ca :
par
;)
Essaye de changer ca :
#topmenu li {
display: inline;
margin: 0;
padding: 0;
border-right: 1px solid #333333;
}
par
#topmenu li {
display: block;
margin: 0;
padding: 0;
border-right: 1px solid #333333;
}
;)
Espartero79
Désolé mais cela ne marche pas. Une autre idée par hasard ?
Espartero79
>
Espartero79
Quelq'un a-t-il une idée pour remédier à mon problème de menus horizontaux ? car la je bloque !!!