Bonjour

Je me suis lancé dans la création d'un design extensible, et j'ai eu une idée pour séparer le menu du corps ! Mais cette idée j'arrive pas à la réaliser ^^'
Je vous explique : j'ai lu le tuto de Janeo (sur les designs extensibles) et j'ai voulu en créer un à mon tour Alors je me suis lancé, et pour faire cette "barre", j'ai essayé ça :

Code CSS



Code XHMTL



Voici les 3 images qui forment la barre :






Bon bien sûr, tout ceci doit sûrement être faux puissque voilà à quoi j'arrive :

<lienurl="//user.oc-static.com/files/15001_16000/15153.png"></lien>

Comme vous le voyez j'ai la partie du milieu qui est collé au bord gauche Vous pouvez me dire comment je peux faire pour déjà voir les trois morceaux, et ensuite pouvoir afficher ma barre correctement à droite du menu ou à gauche du corps siouplé ?

Merci et bonne journée

P.S : Je sais que le design est moche, c'est des tests que je fais alors

je ne vois pas bien l'image : trop petite

Normalement vous devriez pouvoir cliquer dessus =)

float:top et float:bottom n'existe pas dans la spé css donc pas correct. float ne prend pour valeur que left,right,none,inherit.

tant qu'on y est, ça sert à quoi inherit ?

Ue je savais même pas que ça existait inherit ^^'
Mais en attendant, même si je fait un float right, le morceaux arrondi du haut et celui du bas n'apparaît pas Oo Par contr le morceau du milieu lui apparaît, et se colle au menu, mais ne se répète toujours pas --'

Preuve en image :

Citation : W3C

On peut spécifier pour chacune des propriétés la valeur 'inherit', ce qui signifie, pour un élément donné, que la propriété de cet élément prend la même valeur calculée que pour celle de son parent. La valeur héritée qui est normalement utilisée comme une valeur refuge, peut être renforcée par une valeur 'inherit' explicite.

La valeur 'inherit' provoque l'héritage des valeurs par les propriétés. Ceci s'applique également aux propriétés dont la valeur n'est normalement pas héritée.

ça sert quasiment jamais.

Citation : thetaupe

Citation : W3C

On peut spécifier pour chacune des propriétés la valeur 'inherit', ce qui signifie, pour un élément donné, que la propriété de cet élément prend la même valeur calculée que pour celle de son parent. La valeur héritée qui est normalement utilisée comme une valeur refuge, peut être renforcée par une valeur 'inherit' explicite.

La valeur 'inherit' provoque l'héritage des valeurs par les propriétés. Ceci s'applique également aux propriétés dont la valeur n'est normalement pas héritée.

ça sert quasiment jamais.

oO Ah ue

Et vous ne voyez pas où est mon problème dans le code ?

Mici =)

Je crois avoir trouvé la propriété qu'il faut utiliser pour placer les différentes parties, mais par contre, mon background-repeat n'a pas l'air de fonctionner
Je voudrais qu'il s'arrête au bord du cadre qui englobe tout le contenu de la page, mais il continue jusqu'en bas
Regardez ce que ça donne :



(la barre contenu jusqu'en bas de la page et ma partie "barre3" a dispau Oo)

Voici mon code CSS :



Voilà la partie où j'ai un problème. J'ai mis 3 class dans <div id="contener"> </div>, je pense que c'est là que je devais le mettre puissque je veux qu'il s'arrête 30px avant la fin du cadre.

Je suppose que j'ai un problème dans le code, mais pourtant j'ai essayé de changer des lignes et l'effet est toujours le même --'

Merci d'avance !