Rechercher : dans
Par :

Problem CSS position des boites

Dernière réponse le 5 avr 2009 à 16:08:40 cannadou, le 31 mar 2009 à 21:14:19 
 Signaler ce message aux modérateurs

Bonjour,
Voila ce que m'affiche ma page css :
http://laisir.free.fr/voici2.png
Et voila ce qu'elle devré affiché(petit montage) :
http://laisir.free.fr/voici.png

et voila mon CSS :

body
{
 
  width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-image: url("fond4.png");
}


.entt
{
 -moz-border-radius : 5px 10px; 
   -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   width: 760px;
   height: 100px;
   background-image: url("motif2.png");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 10px solid black;
}


.menu
{
 -moz-border-radius : 5px 10px; 
   -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
margin-top: 120px;
   float: left; 
   width: 120px; 
   background-color: #626262;
   background-image: url("motif.png");
   background-repeat: repeat-x;
   border: 10px solid black;
   margin-bottom: 20px; 
}

.contenu
{
 -moz-border-radius : 5px 10px; 
   -moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   -moz-border-top-colors:    #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-left-colors:   #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;   
   -moz-border-right-colors:  #555 #666 #777 #888 #999 #aaa #bbb #ccc #bbb #aaa #999 #888 #777 #666 #555 ;  
   margin-left: 140px;
  width: 590px;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #626262;
   background-image: url("motif.png");
   background-repeat: repeat-x;
   border: 10px solid black;
}


J'espert que ses assez bien expliqué
Merci bye
Impossible de trouvé l'erreur
Configuration: Windows Vista
Firefox

Meilleures réponses pour « Problem CSS position des boites » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
[Messagerie] Pirater une boite mail (msn, hotmail, yahoo...) VoirVous avez le stupide projet de pirater une boîte mail et vous cherchez la procédure à suivre pour le faire ? Vous êtes donc la cible idéale pour jouer le rôle de l'arroseur arrosé. NE TOMBEZ PAS DANS CE PIÈGE En effet, en ce moment circule sur les...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Javascript - les boîtes de dialogue VoirQu'est-ce qu'une boîte de dialogue? Une boîte de dialogue est une fenêtre qui s'affiche au premier plan suite à un événement, et qui permet Soit d'avertir l'utilisateur Soit le confronter à un choix Soit lui demander de compléter un champ pour...

1

Nieli, le 31 mar 2009 à 22:09:12

Je ne vois pas trop l'erreur mais essaye de rajouter:
margin-top:-30px;
dans ton .contenu (le - est volontaire)

Répondre à Nieli

2

cannadou, le 31 mar 2009 à 22:14:22

Non sa ne marche pas, j'avais deja fai l'essai
Merci quand Même

Répondre à cannadou

3

cannadou, le 1 avr 2009 à 22:36:54

Je viens de remarqué une chose :


en gros si dans mon "Menu" il y a 3 liens
le "contenue" sera alors décalé de 3 ligne vers le bas.
et
Si le "menu" contient 6 liens, le "contenue" décalé de 6 ligne vers le bas

Vous me suivez :=)

Bizard l'affaire

Répondre à cannadou

4

 cannadou, le 5 avr 2009 à 16:08:40

Personne sais? :( :( :(

Répondre à cannadou