Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2380 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Mise en page CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Mise en page CSS

n°968415
murdok1
Posté le 24-07-2007 à 14:40:40  profilanswer
 

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

mood
Publicité
Posté le 24-07-2007 à 14:40:40  profilanswer
 

n°968417
shadowdim
Perdu
Posté le 24-07-2007 à 14:47:17  profilanswer
 

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
n°968425
murdok1
Posté le 24-07-2007 à 15:06:35  profilanswer
 

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  
 
 

n°968458
graphix
Posté le 24-07-2007 à 18:03:53  profilanswer
 

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

n°968465
murdok1
Posté le 24-07-2007 à 18:31:39  profilanswer
 

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
 

n°968468
tompouss
Petit chat
Posté le 24-07-2007 à 18:51:06  profilanswer
 

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


---------------
collectionneur de pâtes thermiques
n°968473
athenaa
Posté le 24-07-2007 à 19:52:28  profilanswer
 

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;

n°968486
Lactique
Caraïbe et huile de coco
Posté le 24-07-2007 à 21:29:10  profilanswer
 

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
n°968538
murdok1
Posté le 25-07-2007 à 00:50:52  profilanswer
 

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

n°968540
Lactique
Caraïbe et huile de coco
Posté le 25-07-2007 à 01:18:14  profilanswer
 

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
mood
Publicité
Posté le 25-07-2007 à 01:18:14  profilanswer
 

n°968668
FlorentG
Unité de Masse
Posté le 25-07-2007 à 21:57:18  profilanswer
 

Et vire les margin auto.

n°968858
murdok1
Posté le 26-07-2007 à 16:18:21  profilanswer
 

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.
 

n°969209
shurik'n
Posté le 28-07-2007 à 15:36:14  profilanswer
 

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
n°969219
tompouss
Petit chat
Posté le 28-07-2007 à 18:00:43  profilanswer
 

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


---------------
collectionneur de pâtes thermiques
n°969399
Twister844
Ctrl + S est ton ami
Posté le 30-07-2007 à 13:33:01  profilanswer
 

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


---------------
Mon site
n°969422
murdok1
Posté le 30-07-2007 à 14:31:44  profilanswer
 

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?
 

n°969429
tompouss
Petit chat
Posté le 30-07-2007 à 14:47:24  profilanswer
 

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
n°969437
murdok1
Posté le 30-07-2007 à 14:56:38  profilanswer
 

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

n°969668
Twister844
Ctrl + S est ton ami
Posté le 31-07-2007 à 13:19:33  profilanswer
 

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


---------------
Mon site

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Mise en page CSS

 

Sujets relatifs
mise en page avec des <div>Plusieurs flash dans une page html - probleme avec swfObject
[Webdesign] Mise en page d'une documentation de logicielDécalage dans l'affichage des calques CSS entre IE et FF
Région modifiable et calque CSScomment ne pas recharger tout une page quand on change juste une image
configurer sa page dans powerpointune page web identique un surfeur va plus cliquer a gauche ou droite?
Problème de mise en page CSS 
Plus de sujets relatifs à : Mise en page CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR