Note : les "pas-cons" sont les gens qui trouvent toujours une idée à laquelle personne n'avait pensé, du coup on dit "c'est pas con"
Bref, un petit problème tout simple, mais je me casse là tête dessus depuis ce matin 8h :
Je cherche à afficher trois boîtes/colonnes les unes à côté des autres pour que ça fasse :
oui mais voila, il faut que le code HTML soit de la sorte :
et le pire, c'est de mettre le tout dans un gros bloc div, là ça devient carrément infaisable.
Bref, j'ai beau tout essayé, rien n'y fait, ça veut pas faire bleu-blanc-rouge ça fait plutôt ça :
:evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil:
voici un petit code HTML tout fait, vous pouvez le reprendre pour tester :
NOTE 1 : je n'ai que faire du HTML, tant que les div sont dans le même ordre que dans le code ci-dessous. Vous pouvez mettre des largeurs en pixels, en pourcentage ou en bananes tant que ça marche c'est le principal. Enfin si vous pouviez garder les largeurs du bleu et du rouge en pixels ce serait sympa quand même
NOTE 2 : toutes les propositions sont bonnes à prendre, si vous avez une idée n'hésitez pas à la poster ! N'hésitez pas non plus à me poser des questions je suis là pour répondre
UN TRES GRAND MERCI D'AVANCE !!!
PS : celui qui me trouve la réponse exacte (ou presque) à ce problème gagnera un lien sur la home page de mon site (WWW) ou sur toutes les pages de mon site, en fonction de la réponse apportée ^^ Bonne chance amis designers !
(édition : le PS a été modifié, ça fait moins hypothétique )
Bref, un petit problème tout simple, mais je me casse là tête dessus depuis ce matin 8h :
Je cherche à afficher trois boîtes/colonnes les unes à côté des autres pour que ça fasse :
tout simple me direz-vous,BLEU BLANC ROUGE
oui mais voila, il faut que le code HTML soit de la sorte :
ça se complique tout de suite, n'est ce pas ?<div>BLANC</div>
<div>BLEU</div>
<div>ROUGE</div>
et le pire, c'est de mettre le tout dans un gros bloc div, là ça devient carrément infaisable.
Bref, j'ai beau tout essayé, rien n'y fait, ça veut pas faire bleu-blanc-rouge ça fait plutôt ça :
:evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil: :evil:
voici un petit code HTML tout fait, vous pouvez le reprendre pour tester :
Code:
<html>
<head>
<title>Bleu-blanc-rouge</title>
<style type="text/css">
#blanc {
background-color:#FFFFFF; /*blanc*/
width:390px; /*valeur test : 750 - 2*180 */
}
#bleu {
background-color:#0000FF; /*bleu*/
float:left;
width: 180px;
}
#rouge {
background-color:#FF0000; /*rouge*/
float:right;
width: 180px;
}
body {
background-color:#FFFFCC; /*jaune*/
text-align:center; /*pour centrer le gros bloc, à cause d'IE*/
}
#grosbloc {
background-color:#FFCCFF; /*rose */
border:2px solid #000000;
width:750px;
margin:0px auto; /*pour centrer le gros bloc, à cause d'IE*/
text-align:left;
}
</style>
</head>
<!-- A PARTIR DE LA ON NE TOUCHE PLUS A RIEN :-D -->
<body>
<div id="grosbloc">
<div id="blanc">
BLANC<br /> Ceci est le contenu de la page.
</div>
<div id="bleu">
BLEU<br /> Menu à gauche.
</div>
<div id="rouge">
ROUGE<br /> Menu à droite.
</div>
</div>
</body>
</html>
NOTE 1 : je n'ai que faire du HTML, tant que les div sont dans le même ordre que dans le code ci-dessous. Vous pouvez mettre des largeurs en pixels, en pourcentage ou en bananes tant que ça marche c'est le principal. Enfin si vous pouviez garder les largeurs du bleu et du rouge en pixels ce serait sympa quand même
NOTE 2 : toutes les propositions sont bonnes à prendre, si vous avez une idée n'hésitez pas à la poster ! N'hésitez pas non plus à me poser des questions je suis là pour répondre
UN TRES GRAND MERCI D'AVANCE !!!
PS : celui qui me trouve la réponse exacte (ou presque) à ce problème gagnera un lien sur la home page de mon site (WWW) ou sur toutes les pages de mon site, en fonction de la réponse apportée ^^ Bonne chance amis designers !
(édition : le PS a été modifié, ça fait moins hypothétique )