Mise en page CSS

Mise en page CSS - Web design - Graphisme

Marsh Posté le 24-07-2007 à 14:40:40    

Bonjour à tous j'ai un petit soucis avec du css pour la mise en page d'un site.
 
code :
<style type="text/css">  
 
 #banniere_gauche {
     
  float : left ;
  width: 101px;
  height: 600px;  
        background-color: #C7531A ;
 
 }
 
 #flashcontent {
  margin:auto;
  height: 600px;
  width: 849px;
     background-color: #C7531A ;
   
 }
 
 #header {
     margin:auto;
  background-color: #C7531A;
  width: 950px;
  height: 261px;  
 }
 
 #footer {
     margin:auto;
  background-color: #C7531A;
  width: 950px;
  height: 40px;  
 }
 
 
 
</style>
 
 
 
malgrès plusieurs recherche sur le net et plusieurs essais infructueux , j'ai un souci la div #banniere_gauche reste sur la gauche et n'est pas centré et coller a la div #flashcontent
 
Merci pour vos idées

Reply

Marsh Posté le 24-07-2007 à 14:40:40   

Reply

Marsh Posté le 24-07-2007 à 14:47:17    

j'y connais rien en CSS, je préviens tout de suite... mais d'après ce que je vois, ton #banniere_gauche est mis en float : left;
 
c'est normal qu'il soit a gauche, non? (je répete, j'y connais rien, patapay  :sweat: )


---------------
Mangas/DVD - Chiptune
Reply

Marsh Posté le 24-07-2007 à 15:06:35    

oui ca pourrait effectivement etre le probleme , mais si je le supprime je perd carrement de la mise en page et le #flashcontent se retrouve à la ligne du dessous et le #banniere_gauche reste a gauche au bord de la fenetre  
 
 

Reply

Marsh Posté le 24-07-2007 à 18:03:53    

tu veut ta banniere a gauche, collé au flash et le tout centré?
tu place les deux dans un div que tu centre.
 

Reply

Marsh Posté le 24-07-2007 à 18:31:39    

graphix a écrit :

tu veut ta banniere a gauche, collé au flash et le tout centré?
tu place les deux dans un div que tu centre.
 


 
oui c'est bien ca! je fait comment pour déclarer deux div dans une div?  
 
merci beaucoup
 

Reply

Marsh Posté le 24-07-2007 à 18:51:06    

bah tu mets le tout dans une div global que tu nommes conteneur par exemple


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 24-07-2007 à 19:52:28    

et si tu mets :

Code :
  1. White-space: nowrap;

 
au flash-content pour qu'il ne retourne pas a la ligne?
 
puis pour centrer tu utilises un div avec la bannière et le flash-content a l'interieur
avec

Code :
  1. text-align: center;

Reply

Marsh Posté le 24-07-2007 à 21:29:10    

si ton flash-content avait un float:left; comme ton banniere_gauche, ça serait vite réglé.

 

Apres l'application de float il faut annuler avec un clear:both; quelque part quand même.

Message cité 1 fois
Message édité par Lactique le 24-07-2007 à 21:29:58

---------------
Studio CréeAll
Reply

Marsh Posté le 25-07-2007 à 00:50:52    

Lactique a écrit :

si ton flash-content avait un float:left; comme ton banniere_gauche, ça serait vite réglé.
 
Apres l'application de float il faut annuler avec un clear:both; quelque part quand même.


 
désolé mais j'ai essayé de cette manière cela ne fonctionne pas
 
le code :
 #header {
     
  margin:auto;
  background-color: #C7531A;
  width: 950px;
  height: 261px;  
 }
 
 #banniere_gauche {
     
  float : left ;
  margin:auto;
  width: 101px;
  height: 600px;  
     background-color: #C7531A ;
 
 }
 
 #flashcontent {
     float : left ;
  margin:auto;
  height: 600px;
  width: 849px;
     background-color: #C7531A ;
   
 }
 
 
 
 #footer {
  clear:both;
     margin:auto;
  background-color: #C7531A;
  width: 950px;
  height: 40px;  
 }
 
je vais essayer avec la méthode du conteneur
merci

Reply

Marsh Posté le 25-07-2007 à 01:18:14    

Pour le centrage c'est normal que tu doivent encore travailler, les floats ne servent pas a ça...
Je pensais que le reste te serait facile a finir...
Ca marche si on fait les choses bien de A à Z.

 

Mais concentre toi sur ce que tu maîtrises. Apparement pas les floats.
Tu devrais coder ta css en ajoutent les balises ciblés qu'on sache à quoi est appliqué tel style.

 

#footer{}  non
DIV#footer{} oui


Message édité par Lactique le 25-07-2007 à 01:19:39

---------------
Studio CréeAll
Reply

Marsh Posté le 25-07-2007 à 01:18:14   

Reply

Marsh Posté le 25-07-2007 à 21:57:18    

Et vire les margin auto.

Reply

Marsh Posté le 26-07-2007 à 16:18:21    

merci à tous ca ma permis de progresser , j'ai changer j'ai utiliser d'autre méthode avec div et tableau , tout est ok. je me mettrai au full css petit à petit !
j'ai maintenant un petit soucis sur une derniere page  
j'ai un tableau dans une des cellules j'ai 3 div jusqu' a pas de soucis seulement quand je change de taille la fenetre du navigateur tout se decale et sort de la cellule!
j'ai essayeé de créer un conteneur contenant les 3 div le resultat et le meme.
Merci pour vos lumières.
 

Reply

Marsh Posté le 28-07-2007 à 15:36:14    

murdok1 a écrit :

merci à tous ca ma permis de progresser , j'ai changer j'ai utiliser d'autre méthode avec div et tableau , tout est ok. je me mettrai au full css petit à petit !
j'ai maintenant un petit soucis sur une derniere page
j'ai un tableau dans une des cellules j'ai 3 div jusqu' a pas de soucis seulement quand je change de taille la fenetre du navigateur tout se decale et sort de la cellule!
j'ai essayeé de créer un conteneur contenant les 3 div le resultat et le meme.
Merci pour vos lumières.
 

 

T'es sûr ? Achetes un bouquin de CSS et reprends tout à la base  :jap:


Message édité par shurik'n le 28-07-2007 à 15:36:29
Reply

Marsh Posté le 28-07-2007 à 18:00:43    

CSS2 Pratique du design WEB de R. Goetter par exemple   ;)


---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 30-07-2007 à 13:33:01    

tien il y as de bon tuto css ici
 
http://css.alsacreations.com/


---------------
Mon site
Reply

Marsh Posté le 30-07-2007 à 14:31:44    

Twister844 a écrit :

tien il y as de bon tuto css ici
 
http://css.alsacreations.com/


 
Merci je vais jeter un coup d'oeil .
 
Pour les autres réponse merci je vais essayer d'avoir ce bouquin , mais le temps que je m'y mette j'aurai aimé etre un peu débloqué!
Vous voulez dire qu'il ne faut pas mettre un div dans une cellule d'un tableau?
 

Reply

Marsh Posté le 30-07-2007 à 14:47:24    

en fait d'après les recommandations W3C tu ne peux pas utiliser de tableaux pour la structure de ta page, mais juste pour les données (comme avec excell)
 
donc non mettre une DIv dans un tableau ca, ne va pas. Ca n'a pas de sens.  
 
Donc soit tu fais à l'ancienne tout en tableau, ce qui a tendance à être de plus en plus abandonné, soit tu fais avec des DIV + CSS only et tu te sers de tableaux comme avec excel


Message édité par tompouss le 30-07-2007 à 14:53:52

---------------
collectionneur de pâtes thermiques
Reply

Marsh Posté le 30-07-2007 à 14:56:38    

merci je me penche sur le site d'alsacréation

Reply

Marsh Posté le 31-07-2007 à 13:19:33    

j'ai appris grace a lui pr la mise en page CSS il est bien.


---------------
Mon site
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed