28173 sujets

CSS et mise en forme, CSS3

Bonjour, a tous,
Après lecture d un livre sur le css je m y lance enfin Smiley ravi
Mais j ai un souci :
dans mon globalmil j affiche une image en repeat.
Ma colonne menugauche est plus grande que ma colonne menu centre
malheureusement le repeat se fait que sur la collonne menu centre et pas sur la colonne gauche (menugauche)
Donc il y a des trous pourquoi?????
Que faire pour résoudre ce probleme,
Je suis perdu j y arrive pas j ai tout essayé sauf la solution Smiley cligne
Merci de votre aide voila le code et le css
P.S. ceci marche bien sous ie mais pas sous mozilla! Smiley confus

<div id="globalmil">
 <div id="menugauche">
   <div id="connecth">
   </div>
   <div id="connect">
	connection ok
   <div id="connectb">
   </div>
   <br />
 </div>
 <div id="menucentre">
   <div id="corpshaut">
   </div>
   <div id="corpscentre">
	Bienvenue
  </div>
 </div>
 &nbsp;
</div>


div#globalmil{
        background-image:url(design/princ.jpg);
        background-repeat: repeat-y ;
        width:800px;
        }
div#menugauche{
        float:left;
        width:170px;}
div#menucentre{
        float:left;
        width:630px;}
div#connecth{
        background-image:url(design/mascottebas.jpg);
        width:170px;
        height:54px;}
div#connectb{
        margin-left:15px;
        background-image:url(design/connectbas.jpg);
        width:155px;
        height:20px;}
div#connect{
        margin: 0 0 0 15px;
        padding-left: 10px ;
        background-image:url(design/connectcentre.jpg);
        background-repeat: repeat-y ;
        width:145px;
        color:#fddc01;}
div#corpshaut{
        background-image:url(design/corpshaut.jpg);
        float:left;
        width:628px;
        height:43px;}
div#corpscentre{
        padding-left: 15px ;
        float:left;
} 

Modifié par effaceur (21 Aug 2007 - 09:44)
Salut,

C'est je crois un problème d'héritage. Comme tu ne précises jamais le background-color il est #fff par défaut.

Essaie :
#menugauche{
float:left;
width:170px;
background-color:transparent;
}
Modérateur
Bonjour effaceur et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Si ce n'est déjà fait, il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
bonjour,
voila code modifié
en transparent ca ne change rien.
Les 2 menu (gauche et centre) on les meme propriétés et le repeat ne ce fait que sur le 2eme
Si je ne met pas l espace &nbsp; il ne fait rien du tout
comment faire??
salutations
merci de votre aide
Modifié par effaceur (21 Aug 2007 - 12:14)
Administrateur
Bonjour et bienvenue,

y a-t'il du contenu dans les div? Un élément sans contenu, ce n'est pas comme un élément avec peu ou beaucoup de contenu Smiley cligne
Du Lorem Ipsum fera l'affaire si tu n'as pas encore les textes définitifs de prêts.
Le div du menu gauche contient les images boutons.
le menu centre contient du texte.(encadré par un cadre corsphaut centre et bas)
Le probleme quand le menu de gauche est inférieur au menu centre le repeat n est pas fait en dessous du menu centre.
je peux vous donner le lien du site si vous voullez
salutations
J'ai tout essayé rien y fait le fond se répétant ne marche pas Smiley bawling .
Si quelqu'un a des idées je suis prenneur Smiley biggrin
Merci a+