 Aero-L 
{ Membre }
 Messages : 33
 | Bonjour 
Je suis en train de coder le CSS de mon forum pour un changement de thème, et j'ai voulu mettre la barre de navigation au dessus de la bannière en suivant ce tutoriel. Malheureusement, je n'arrive pas à obtenir le résultat voulu malgré plusieurs essais de changement dans le CSS, je viens donc quémander votre aide
Ce que je voudrais, c'est quelque chose de ce genre : - Spoiler:
(c) Elegance Temptation 
Ici, la barre est fixée en haut de la fenêtre, le background et la bordure du bas prennent toute la largeur de la page.
Ce que j'obtiens : - Spoiler:
Ici, ma bordure ne prends pas toute la largeur, et mon texte est décalé. J'ai touché au CSS mais rien ne marche /:
Voilà mon CSS concernant cette partie : - Spoiler:
- Code:
-
.navi {
display:block;
position: fixed;
margin-top: -4px;
margin-bottom: -15px;
background-color:; /*FOND*/
border-bottom: 3px solid #000000;
align:center;
padding-bottom: 5px; /*ESPACER DES BORDS*/
}
De plus, si possible de résoudre cela aussi, je n'arrive pas à ce que la haut de ma bannière se colle à la bordure noire de la barre de navigation, ça doit être un truc bête pourtant /:
Voilà mon soucis, je remercie d'avance ceux qui s'y pencheront  |
Dernière édition par Aero-L le Dim 13 Fév 2011, 07:06, édité 1 fois | |
|
Kory
{ Membre actif }
Messages : 370
| Hello
Je vois que tu as supprimé des codes dans le CSS que je donne, ce que tu n'aurais pas dû. C'est de là d'où vient le problème.
Ensuite, ce sont tes margin et le display qui déplacent le texte vers la gauche. Le display est remplacé par un width="100%" dans mon code, ce qui empêche le bug.
Voilà le code modifié.
- Code:
-
.navi {
position: fixed;
left: 0px;
top: 0px;
right: 0px;
z-index: 999;
width: 100%;
background-color: white;
border-bottom: 3px solid #000000;
padding-bottom: 5px;
} | | |
|
Aero-L
{ Membre }
Messages : 33
| Monseigneur Kory, je vous bénis ! Ça marche parfaitement grâce à vous Mon autre problème est également résolu Merci encore Problème terminé | | |
|
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Je classe alors  | | |
|
Lun 03 Juin 2024, 17:20 par 
