Barre de navigation sur une ligne

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

Résolu Barre de navigation sur une ligne

Message par Syou le 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 :



Cordialement.


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

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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur une ligne

Message par Syou le 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 :



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



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



Cordialement.

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 le 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
+ Hyperactif +

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

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation sur une ligne

Message par Syou le 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
**

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


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