Barre de navigation sur une ligne

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de navigation sur une ligne

Message par Syou Mar 13 Mar 2012 - 23:40

Bonsoir,

Mon en-tête est trop large et j'aurais, pour commencé, voulu le réduire : comment faire ?

Aussi, la barre de navigation n'est pas centrée : elle est en haut ; la boîte de recherche non plus : elle est en bas. Comment centrer ces éléments ?

Pour finir j'aurais voulu savoir s'il était possible d'enlever la barre blanche au milieu de l'en-tête, et, si oui, comment ?

Voici l'image de ce que ça donne actuellement :

Barre de navigation sur une ligne Barre_12

Cordialement.


Dernière édition par Syou le Mer 14 Mar 2012 - 13:52, édité 1 fois
Syou

Syou
**

Messages : 71
Inscrit(e) le : 28/01/2012

http://une-autre-vie.forumgratuit.org
Syou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur une ligne

Message par Dr. Karlos Mer 14 Mar 2012 - 0:01

Bonsoir,

La largeur de l'en-tête peut être modifié à l'aide de ce code à insérer dans votre CSS (PA | Affichage | Images et couleurs | Couleurs | Feuille de style CSS);
Code:
.headerbar {
width: valeur;
}
Remplacez valeur par la largeur désirée.

Pour center ces deux éléments, insérez ces codes dans votre CSS:
Code:
ul.navlinks {
text-align: center;
}

#search-box {
width : 55%;
}

Et finalement, pour réduire l'espace entre la barre de navigation et votre en-tête, insérez ce code à la suite des autres dans votre CSS:
Code:
.headerbar {
margin-bottom: 0px;
}


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur une ligne

Message par Syou Mer 14 Mar 2012 - 8:32

Bonjour,

Je ne sais pas si nous nous sommes bien compris. Sans doute que j'aurais dû vous parler de « barre de navigation » au lieu de dire « en-tête ».

Si j'applique ce que vous me dites ça donne ça :

Barre de navigation sur une ligne Barre_13

Alors que ce que je voudrais c'est ça :

Barre de navigation sur une ligne Barre_17

Sachant qu'avant ma barre de navigation était comme ça :

Barre de navigation sur une ligne Barre_16

Cordialement.
Syou

Syou
**

Messages : 71
Inscrit(e) le : 28/01/2012

http://une-autre-vie.forumgratuit.org
Syou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur une ligne

Message par Dr. Karlos Mer 14 Mar 2012 - 12:55

Re,

En effet, nous nous étions mal compris. Wink Retirez les autres codes de votre CSS et insérez ceux-ci:
Code:
#search-box {
margin-top: -25px;
}

ul.navlinks {
border-bottom: 0px solid white;
font-weight: 700;
text-align: left;
}

Il est possible que vous ayez à modifier le -25px afin d'ajuster la boîte permettant la recherche.


Cordialement.
Dr. Karlos

Dr. Karlos
Membre actif

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur une ligne

Message par Syou Mer 14 Mar 2012 - 13:51

C'est parfait ! Very Happy

Juste un tout tout petit détail : et si je voulais décaler un tout petit peu le texte vers la droite ( Accueil étant bien collé sur la gauche ) que dois-je ajouter ?
Syou

Syou
**

Messages : 71
Inscrit(e) le : 28/01/2012

http://une-autre-vie.forumgratuit.org
Syou a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum