Barre de navigation sur une ligne

[Syou]

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.

[Dr. Karlos]

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.

[Syou]

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.

[Dr. Karlos]

Re,

En effet, nous nous étions mal compris. 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.

[Syou]

C'est parfait !

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 ?