Modifier le header de mon template.

**le_bleuet** · 23/09/2012, 17h57

Re : Modifier le header de mon template.

Je viens de me rendre compte que j'ai inséré en dessous la barre maximenu CK et quand je la désactive, j'ai moins de soucis. Pourquoi, je ne comprends pas.

**Soundboy39** · 24/09/2012, 07h20

Re : Modifier le header de mon template.

bonjour,

Utilise des marges (margin, padding) pour placer tes éléments plutôt que des "position:absolute;"

Voici comment tu peux hiérarchiser ton header :

Code:

<style type="text/css">

header
{
width: 90%;
margin: auto;
display: block;
}

#identheader //placer à gauche
{
width: 40%;
float : left;
margin-top: 20px;
margin-left: 6%;
display: block;
}

#header-search //placer à droite
{
width: 40%;
float : right;
margin-top: 20px;
margin-right: 6%;
display: block;
}

#logo //(ou n'importe quoi en dessous de tes blocks...)
{
clear:both;
width: 90%;
margin: auto;
display: block;
}

</style>

Bon je te met le HTML au passage :

Code:

<html>

<header>
   <div id="identheader">
          Module d'identification
   </div>

   <div id="header-search">
          Module de recherche
   </div>

   <div id="logo">
          Logo ou autre chose...
   </div>

</header>

Voilà bon courage à toi !!

**le_bleuet** · 27/09/2012, 07h25

Re : Modifier le header de mon template.

Bonjour,

J'ai fait la modif mais mon "identheader" n'est pas assez à droite mais je ne comprends pas ce qu'il me manque car j'ai beau modifié mes chiffres rien ne change.

voici mon fichier template.css qui je pense est mon soucis.

Je vous envoi ce fichier car je ne comprends pas où est l'erreur :

Cordialement

Fichiers joints

template.zip (7,0 Ko, 131 affichage(s))

Modifier le header de mon template.

[Problème] Modifier le header de mon template.

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association