Bonjour à tous!
Je n'ai que de modestes connaissances en HTML+CSS (c'est comme vous pouvez le voir mon premier post sur ce forum que je visite en anonyme depuis quelques temps), & j'ai une question à vous proposer.
J'ai un code de ce genre:
http://img161.imageshack.us/img161/2216/alsacreationyk4.png
Le hic, c'est que j'aimerai bien que le 3ème texte (333333...) se trouve sous le premier texte, un peu comme si le div contenant s'adaptait aux deux div contenus, & renvoyait à la ligne après lui. Mais (& c'est là ma petite requête
), je ne souhaite pas utiliser d'artifice (genre spécifier une largeur, que ce soit en % ou en px, ni utiliser du javascript). Alors, forcément, si j'utilisais une <table>, ce serait du piece of cake 
, mais existe-t-il un moyen de le faire sans cet element?
Je voudrai également ne pas à avoir à entourer mon texte 3333. par un div, car ce n'est pas forcément du texte qui va se placer là, & disons que je souhaiterais faire comme si je n'avais pas la main dessus. Ceci dit, plus je réédite ce thread, plus j'ai l'impression que ce que je demande est peut-être contre l'esprit du couple div/CSS?!
En fait, ce qui m'arrangerait, ce serait un comportement du type ceci:
http://img152.imageshack.us/img152/3584/alsacreation2qq2.png
(honteusement simulé avec une hauteur codée en dur dans le div contenant)
PS: j'accepte d'avance toute insulte pour non lecture de l'intégralité des FAQs & liens proposés sur ce site, j'en ai tellement lu, mais probablement pas tous.
Bonne journée à vous!
Modifié par PacteNovation (07 Jun 2007 - 10:47)
Je n'ai que de modestes connaissances en HTML+CSS (c'est comme vous pouvez le voir mon premier post sur ce forum que je visite en anonyme depuis quelques temps), & j'ai une question à vous proposer.
J'ai un code de ce genre:
[...]
<style type="text/css">
div {
border: 3px dashed;
}
div .contenu {
float: left;
}
</style>
</head>
<body>
<div><!-- contenant -->
<div class="contenu">
11111111<br />
11111111<br />
11111111
</div>
<div class="contenu">
22222222<br />
22222222
</div>
</div>
33333333<br />
33333333
[...]
http://img161.imageshack.us/img161/2216/alsacreationyk4.png
Le hic, c'est que j'aimerai bien que le 3ème texte (333333...) se trouve sous le premier texte, un peu comme si le div contenant s'adaptait aux deux div contenus, & renvoyait à la ligne après lui. Mais (& c'est là ma petite requête
), je ne souhaite pas utiliser d'artifice (genre spécifier une largeur, que ce soit en % ou en px, ni utiliser du javascript). Alors, forcément, si j'utilisais une <table>, ce serait du piece of cake , mais existe-t-il un moyen de le faire sans cet element?Je voudrai également ne pas à avoir à entourer mon texte 3333. par un div, car ce n'est pas forcément du texte qui va se placer là, & disons que je souhaiterais faire comme si je n'avais pas la main dessus. Ceci dit, plus je réédite ce thread, plus j'ai l'impression que ce que je demande est peut-être contre l'esprit du couple div/CSS?!
En fait, ce qui m'arrangerait, ce serait un comportement du type ceci:
http://img152.imageshack.us/img152/3584/alsacreation2qq2.png
(honteusement simulé avec une hauteur codée en dur dans le div contenant)
PS: j'accepte d'avance toute insulte pour non lecture de l'intégralité des FAQs & liens proposés sur ce site, j'en ai tellement lu, mais probablement pas tous.
Bonne journée à vous!
Modifié par PacteNovation (07 Jun 2007 - 10:47)
)
). J'aimerait bien que mon div contenant adapte sa hauteur (je me moque de sa largeur) à son contenant, ce qui est le cas si son contenant est du texte, mais manifestement pas le cas si son contenant est des elements <div>.
