Mise en page CSS - Web design - Graphisme
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 )
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
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.
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é? |
oui c'est bien ca! je fait comment pour déclarer deux div dans une div?
merci beaucoup
Marsh Posté le 24-07-2007 à 18:51:06
bah tu mets le tout dans une div global que tu nommes conteneur par exemple
Marsh Posté le 24-07-2007 à 19:52:28
et si tu mets :
Code :
|
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 :
|
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.
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é. |
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
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
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.
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 ! |
T'es sûr ? Achetes un bouquin de CSS et reprends tout à la base
Marsh Posté le 28-07-2007 à 18:00:43
CSS2 Pratique du design WEB de R. Goetter par exemple
Marsh Posté le 30-07-2007 à 13:33:01
ReplyMarsh Posté le 30-07-2007 à 14:31:44
Twister844 a écrit : tien il y as de bon tuto css ici |
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?
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
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