j'ai des images en float: left qui illustrent un texte, la pluspart du
temps le texte est plus court en hauteur que l'image donc le rendu n'est
pas jojo ça donne qqc comme :
------------ 1 Pelez les asperges. Rincez-les. Ficelez-les en
| |bottes, 5 par 5. Faites-les cuire à l'eau frémissante et
| mon | salée. Après 3 minutes, vérifiez leur tendreté en
| img | piquant la tige avec un cure-dent en bois...
| |
| |
| |
| |
| |
------------
est-il possible d'obtenir qqc comme ca :
------------
| |
| mon |
| img | 1 Pelez les asperges. Rincez-les. Ficelez-les en
| | bottes, 5 par 5. Faites-les cuire à l'eau frémissante et
| | salée. Après 3 minutes, vérifiez leur tendreté en
| | piquant la tige avec un cure-dent en bois...
| |
| |
------------
càd centré verticalement ? La structure actuelle :
<p><img class="etp_img".../>Le texte... </p>
la feuille css (extrait) :
img.etp_img
{
float: left;
margin-top: 0;
margin-right: 1.5em;
margin-bottom: 0;
margin-left: 0;
}
p /* rien de specifie pour l'instant */
{
}
------------ | | | mon | | img | 1 Pelez les asperges. Rincez-les. Ficelez-les en | | bottes, 5 par 5. Faites-les cuire à l'eau frémissante et | | salée. Après 3 minutes, vérifiez leur tendreté en | | piquant la tige avec un cure-dent en bois... | | | | ------------
càd centré verticalement ? La structure actuelle :
Avec un tableau aucuns problèmes. Tu pourrais en utiliser pour le coup à mon avis.
------------
| |
| mon |
| img | 1 Pelez les asperges. Rincez-les. Ficelez-les en
| | bottes, 5 par 5. Faites-les cuire à l'eau frémissante et
| | salée. Après 3 minutes, vérifiez leur tendreté en
| | piquant la tige avec un cure-dent en bois...
| |
| |
------------
càd centré verticalement ? La structure actuelle :
Avec un tableau aucuns problèmes. Tu pourrais en utiliser pour le coup à
mon avis.
------------ | | | mon | | img | 1 Pelez les asperges. Rincez-les. Ficelez-les en | | bottes, 5 par 5. Faites-les cuire à l'eau frémissante et | | salée. Après 3 minutes, vérifiez leur tendreté en | | piquant la tige avec un cure-dent en bois... | | | | ------------
càd centré verticalement ? La structure actuelle :
Avec un tableau aucuns problèmes. Tu pourrais en utiliser pour le coup à mon avis.
[... ] -- ...
Denis Flament
Marc Mongenet wrote:
C'est assez simple.
aïe... quand ça commence comme ça, je crains le pire. Comme pour les paquets de café quand c'est marqué "ouverture facile" ;-)
vertical-align ne s'applique que sur des éléments en ligne.
et sur les éméments 'table-cell' http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align
Maintenant, c'est la théorie, et dans la réalité ça semble marcher moins bien... et ça ne nous dit pas comment Yvon peut peler ses asperges bien centrées verticalement
-- Denis
Pour me répondre utiliser l'adresse courriel figurant après moncourrielest" dans mon adresse courriel... Private replies: remove "moncourrielest" from my e-mail address
Marc Mongenet wrote:
C'est assez simple.
aïe... quand ça commence comme ça, je crains le pire. Comme pour les
paquets de café quand c'est marqué "ouverture facile" ;-)
vertical-align ne s'applique que sur des éléments en ligne.
et sur les éméments 'table-cell'
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align
Maintenant, c'est la théorie, et dans la réalité ça semble marcher moins
bien... et ça ne nous dit pas comment Yvon peut peler ses asperges bien
centrées verticalement
--
Denis
Pour me répondre utiliser l'adresse courriel figurant après
moncourrielest" dans mon adresse courriel...
Private replies: remove "moncourrielest" from my e-mail address
aïe... quand ça commence comme ça, je crains le pire. Comme pour les paquets de café quand c'est marqué "ouverture facile" ;-)
vertical-align ne s'applique que sur des éléments en ligne.
et sur les éméments 'table-cell' http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align
Maintenant, c'est la théorie, et dans la réalité ça semble marcher moins bien... et ça ne nous dit pas comment Yvon peut peler ses asperges bien centrées verticalement
-- Denis
Pour me répondre utiliser l'adresse courriel figurant après moncourrielest" dans mon adresse courriel... Private replies: remove "moncourrielest" from my e-mail address
Marc Mongenet
Denis Flament wrote:
Marc Mongenet wrote:
C'est assez simple.
aïe... quand ça commence comme ça, je crains le pire. Comme pour les paquets de café quand c'est marqué "ouverture facile" ;-)
:-) Cela dit, était-ce compliqué ?
vertical-align ne s'applique que sur des éléments en ligne.
et sur les éméments 'table-cell' http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align
Juste, faudrait que je sorte un peu plus mon nez de CSS1.
Maintenant, c'est la théorie, et dans la réalité ça semble marcher moins bien...
Ah oui, c'est pour ça que je sors peu de CSS1. :-)
et ça ne nous dit pas comment Yvon peut peler ses asperges bien centrées verticalement
Avec l'attribut valign d'un quelconque vieux standard HTML ?
Marc Mongenet
Denis Flament wrote:
Marc Mongenet wrote:
C'est assez simple.
aïe... quand ça commence comme ça, je crains le pire. Comme pour les
paquets de café quand c'est marqué "ouverture facile" ;-)
:-)
Cela dit, était-ce compliqué ?
vertical-align ne s'applique que sur des éléments en ligne.
et sur les éméments 'table-cell'
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align
Juste, faudrait que je sorte un peu plus mon nez de CSS1.
Maintenant, c'est la théorie, et dans la réalité ça semble marcher moins
bien...
Ah oui, c'est pour ça que je sors peu de CSS1. :-)
et ça ne nous dit pas comment Yvon peut peler ses asperges bien
centrées verticalement
Avec l'attribut valign d'un quelconque vieux standard HTML ?
