Espace entre barre de naviguation et le reste

[Joss871]

Bonjour à tous !

Je suis en pleine création de forum pour un jeu qui est actuellement dispo en "bêta" ici : http://minesky2.forumgratuit.org/

J'ai complétement modifié le theme que j'avais recuperé sur Hitskin.fr, mais là j'ai un petit soucis.

En fait, j'aimerai ajouter un espace entre la barre de navigation qui contient "Acceuil, FAQ,..." et le reste car actuellement tout est collé au "Dernière visite" ou a la catégorie lorsque l'on est dans un message...

Je pense qu'il faille ajouter une ligne dans le style.css mais j'avais essayé avec une que j'avais trouvé dans un autre post hier, mais ça ne me deplacait pas tout (icone+texte)

Merci de vos réponses !

++

[Invité]

Dans ton template overall_header il te suffit de trouver cette ligne de code:

Code:

<div style="clear: both;"></div>

et juste après cette ligne rajouter des balises "break" autant de fois que tu le veux comme ceci par exemple:

Code:

<div style="clear: both;"></div><br>

Si tu remarque j'ai juste ajouter la balise "break" <br> après le code... Plus tu en met plus l'espace ce fait !

[Joss871]

Salut et merci de ta réponse !

Je cherchais désespérément ces templates sur l'administration mais ne les trouvant pas, je pensais qu'il n'etait pas possible de les modifier, en fait il faut être sur le compte Admin

Merci beaucoup ! ça fonctionne parfaitement, dommage qu'il y ai ce bandeau de pub qui vient tout gacher mais bon, faut bien vous rentabiliser

++

[Anzu]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif

[Manumanu]

Bonjour,

et juste après cette ligne rajouter des balises "break" autant de fois que tu le veux comme ceci par exemple:

Code:

<div style="clear: both;"></div><br>

Si tu remarque j'ai juste ajouter la balise "break" <br> après le code... Plus tu en met plus l'espace ce fait !

Ce sont deux mauvaises pratiques ; mais les div vides en clear sont là par défaut, les enlever toutes est un long travail.

Par contre, il est plus recommandé de jouer avec les marges CSS plutôt que d'utiliser <br /> (au passage, il s'agit d'un doctype xhtml, donc <br /> doit être fermé avec un espace et un slash). La fonction de <br /> est de revenir à la ligne au sein d'un paragraphe de texte, et ne doit normalement pas constituer un moyen de mettre en forme ou de créer des espaces. Les utiliser en cascade est d'autant plus mauvais.

Ce que tu peux faire, toujours dans overall_header, c'est trouver ce bout de code :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
   <tr>
      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
   </tr>
</table>

Et ajouter un ID au tableau, de cette manière :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" id="navigation">

Ne te restera plus qu'à ajouter dans ton CSS :

Code:

#navigation { margin-bottom: 20px }

À régler comme tu le souhaites. Ça te donne d'avantage de contrôle, et c'est plus propre.

[Joss871]

Je te remercie !

On en apprends tous les jours !

Bonne soirée à vous, sujet résolu !