[CSS] Probleme centrage de division
atk_49
Messages postés
310
Date d'inscription
Statut
Membre
Dernière intervention
-
atk_49 Messages postés 310 Date d'inscription Statut Membre Dernière intervention -
atk_49 Messages postés 310 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je vous explique moi problème, j'ai conçu une feuille de style css pour un forum de type punbb, et j'ai un soucis au niveau du centrage de la toolbar, voici une représentation :
http://www.hostingpics.net/viewer.php?id=34782usersimple.png
Sur cette photo, pas de soucis tout est centré, mais lorsque je me connecte sous un compte admin, la case "Administration" décale tout :
http://www.hostingpics.net/viewer.php?id=104036decale.png
J'arrive en jouant avec les marges à corriger ce probleme, mais vous aurez compris que si la toolbar admin est cadrée, celle des utilisateurs simple n'est plus centrée.
Je voudrais donc savoir quoi modifier dans mon code pour que la toolbar puisse ce centrer par rapport au milieu d'une page, et non par rapport à un de ses coté, voici mon code css :
#brdmenu {
border-width: 1px !important;
border-style: solid !important;
border-color: white !important;
border-bottom: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 1 !important;
.width: 250px;
.border-radius: 10px 10px !important;
}
#brdmenu a {
display: block!important;
float:left!important;
height: 21px!important;
margin: 0 3px 0 0!important;
padding: 3px 20px 0px 25px!important;
background: url(img_brdmenu.gif) repeat-x !important;
border-top: 1px solid!important;
border-left: 1px solid!important;
border-right: 1px solid!important;
border-bottom: 1px solid!important;
text-align: center!important;
font-size: 9px!important;
font-weight: bold!important;
text-decoration:none!important;
border-top-color: red!important;
}
#brdmenu a:hover {
background-image: url(img_brdmenu2.gif)!important;
text-decoration:none!important;
color: white !important;
}
#brdmenu a:link{
color : white !important;
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright : 10px !important;
text-decoration:none!important;
color: white!important;
border-top-color: #101818 !important;
}
#brdmenu a:visited {
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright : 10px !important;
text-decoration:none!important;
border-top-color: #101818 !important;
color : white !important;
}
#brdmenu ul {
margin-left: 92px!important;
line-height: 12px!important;
list-style-image: none!important;
list-style-position: outside!important;
list-style-type: none!important;
position:relative !important;
bottom:+10px!important;
overflow: visible!important;
}
et le code html :
<div id="brdmenu" class="inbox">
<ul>
<li id="navindex"><a href="index.php">Accueil forums</a></li>
<li id="navuserlist"><a href="userlist.php">Rechercher un membre</a></li>
<li id="navrules"><a href="misc.php?action=rules">Règles</a></li>
<li id="navsearch"><a href="search.php">Recherche</a></li>
<li id="navprofile"><a href="profile.php?id=643">Profil</a></li>
<li id="navpm"><a href="pms_list.php"><acronym title="Messages Privés">MP</acronym></a></li>
<li id="navextra1"><a href="chan.php" target="_blank"><b>Tchat</b></a></li>
<li id="navlogout"><a href="login.php?action=out&id=643&csrf_token=3e0937393726c260afa9c8937a049b7e64e4d0b7">Déconnexion</a></li>
<li id="navextra2"><a href="donation.php" target="_blank">Donation</a></li>
<li id="navextra3"><a href="support.php" target="_blank">Support</a></li>
</ul>
</div>
En espérant que vous pourrez m'aider, passez une bonne journée!
Je vous explique moi problème, j'ai conçu une feuille de style css pour un forum de type punbb, et j'ai un soucis au niveau du centrage de la toolbar, voici une représentation :
http://www.hostingpics.net/viewer.php?id=34782usersimple.png
Sur cette photo, pas de soucis tout est centré, mais lorsque je me connecte sous un compte admin, la case "Administration" décale tout :
http://www.hostingpics.net/viewer.php?id=104036decale.png
J'arrive en jouant avec les marges à corriger ce probleme, mais vous aurez compris que si la toolbar admin est cadrée, celle des utilisateurs simple n'est plus centrée.
Je voudrais donc savoir quoi modifier dans mon code pour que la toolbar puisse ce centrer par rapport au milieu d'une page, et non par rapport à un de ses coté, voici mon code css :
#brdmenu {
border-width: 1px !important;
border-style: solid !important;
border-color: white !important;
border-bottom: 0 !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 1 !important;
.width: 250px;
.border-radius: 10px 10px !important;
}
#brdmenu a {
display: block!important;
float:left!important;
height: 21px!important;
margin: 0 3px 0 0!important;
padding: 3px 20px 0px 25px!important;
background: url(img_brdmenu.gif) repeat-x !important;
border-top: 1px solid!important;
border-left: 1px solid!important;
border-right: 1px solid!important;
border-bottom: 1px solid!important;
text-align: center!important;
font-size: 9px!important;
font-weight: bold!important;
text-decoration:none!important;
border-top-color: red!important;
}
#brdmenu a:hover {
background-image: url(img_brdmenu2.gif)!important;
text-decoration:none!important;
color: white !important;
}
#brdmenu a:link{
color : white !important;
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright : 10px !important;
text-decoration:none!important;
color: white!important;
border-top-color: #101818 !important;
}
#brdmenu a:visited {
-moz-border-radius-bottomleft: 10px !important;
-moz-border-radius-bottomright : 10px !important;
text-decoration:none!important;
border-top-color: #101818 !important;
color : white !important;
}
#brdmenu ul {
margin-left: 92px!important;
line-height: 12px!important;
list-style-image: none!important;
list-style-position: outside!important;
list-style-type: none!important;
position:relative !important;
bottom:+10px!important;
overflow: visible!important;
}
et le code html :
<div id="brdmenu" class="inbox">
<ul>
<li id="navindex"><a href="index.php">Accueil forums</a></li>
<li id="navuserlist"><a href="userlist.php">Rechercher un membre</a></li>
<li id="navrules"><a href="misc.php?action=rules">Règles</a></li>
<li id="navsearch"><a href="search.php">Recherche</a></li>
<li id="navprofile"><a href="profile.php?id=643">Profil</a></li>
<li id="navpm"><a href="pms_list.php"><acronym title="Messages Privés">MP</acronym></a></li>
<li id="navextra1"><a href="chan.php" target="_blank"><b>Tchat</b></a></li>
<li id="navlogout"><a href="login.php?action=out&id=643&csrf_token=3e0937393726c260afa9c8937a049b7e64e4d0b7">Déconnexion</a></li>
<li id="navextra2"><a href="donation.php" target="_blank">Donation</a></li>
<li id="navextra3"><a href="support.php" target="_blank">Support</a></li>
</ul>
</div>
En espérant que vous pourrez m'aider, passez une bonne journée!
A voir également:
- [CSS] Probleme centrage de division
- Microsoft skype division - Télécharger - Téléphonie & Visio
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- La vidéo à télécharger va 5 fois plus vite que sa vitesse normale. divisez sa vitesse par 5 pour rétablir sa vitesse normale. après cette opération, combien de papillons figurent entre la 17e et la 18e seconde ? ✓ - Forum Montage et acquisition vidéo
- Centrer une image css ✓ - Forum CSS