28173 sujets
CSS et mise en forme, CSS3
si on peut :
http://gcyrillus.free.fr/essai/valign-texte-imageIE7.html
Voila je met en ligne l'exemple , vu que le copier/collé semble encore "trop long" a faire pour se convaincre de la possibilité , certes avec la contrainte d'une largeur definie .
GC
je decroche
http://gcyrillus.free.fr/essai/valign-texte-imageIE7.html
Voila je met en ligne l'exemple , vu que le copier/collé semble encore "trop long" a faire pour se convaincre de la possibilité , certes avec la contrainte d'une largeur definie .
GC
je decroche
Alors depuis, j'ai progressé.
J'ai trouvé cette solution, avec un Float, et qui fonctionne parfaitement :
Bête comme choux... Or (alors oui je saoule), je ne peux pas non plus utiliser de balises <p>. Les seules que je peux utiliser sont des balises Span. Et c'est là que je rencontre tout le problème mentionné du vertical-align avec des blocs. Effectivement, ça ne marche qu'en Inline.
Mais en Inline, le Span fait un retour chariot. Bordel ! J'ai donc pensé faire un (je schématise) :
Mais ça ne fonctionne pas. J'ai fais différentes combinaisons... j'obtiens jamais le résultat souhaité, mais je pense que c'est faisable !
J'ai trouvé cette solution, avec un Float, et qui fonctionne parfaitement :
<p><img src="{URL}" width="60px" height="80px" border="0px" alt="Image Forum" style="float: left; margin-right: 5px; vertical-align:middle;"/>
<p style="font-size: 1em;">{TEXT}</p></p>Bête comme choux... Or (alors oui je saoule), je ne peux pas non plus utiliser de balises <p>. Les seules que je peux utiliser sont des balises Span. Et c'est là que je rencontre tout le problème mentionné du vertical-align avec des blocs. Effectivement, ça ne marche qu'en Inline.
Mais en Inline, le Span fait un retour chariot. Bordel ! J'ai donc pensé faire un (je schématise) :
<span inline>
<img valign et float>
<span bloc></span bloc>
</span inline>Mais ça ne fonctionne pas. J'ai fais différentes combinaisons... j'obtiens jamais le résultat souhaité, mais je pense que c'est faisable !
hmm hmm , du tout cuit ??
quand on pose une question et que du monde repond , il est de bon aloi de suivre les pistes et de chercher a comprendre. Si on ne comprends pas , alors on repose les questions apropriées ...
vu que l'exemple que j'avais mis en ligne n'avait pas un span avec un span dedans je l'ai ajouté . ...
le css s'applique a n'importe quel balises affichables , on peut rendre un <span> en display block et un <p> en display:inline; ou list-iem si on veut qu'il ait une puce ! , pour des besoins de mise en pages tout en gardant un code semantiquement correcte et valide.
mise a jour de l'exemple avec en premiere ligne un
<span><img><span></span></span>.
http://gcyrillus.free.fr/essai/valign-texte-imageIE7.html
J'ai deja donné les explications necessaires et (remarques) pour apprehender la technique utilisée .
Google (ou autre moteur de recherche) pour faire une recherche personnelle sur chacunes de ces valeurs et attributs css , devrait permettre a chacun avec un petit effort de se l'approprier et de la remettre en oeuvre .
GC
quand on pose une question et que du monde repond , il est de bon aloi de suivre les pistes et de chercher a comprendre. Si on ne comprends pas , alors on repose les questions apropriées ...
vu que l'exemple que j'avais mis en ligne n'avait pas un span avec un span dedans je l'ai ajouté . ...
le css s'applique a n'importe quel balises affichables , on peut rendre un <span> en display block et un <p> en display:inline; ou list-iem si on veut qu'il ait une puce ! , pour des besoins de mise en pages tout en gardant un code semantiquement correcte et valide.
mise a jour de l'exemple avec en premiere ligne un
<span><img><span></span></span>.
http://gcyrillus.free.fr/essai/valign-texte-imageIE7.html
J'ai deja donné les explications necessaires et (remarques) pour apprehender la technique utilisée .
Google (ou autre moteur de recherche) pour faire une recherche personnelle sur chacunes de ces valeurs et attributs css , devrait permettre a chacun avec un petit effort de se l'approprier et de la remettre en oeuvre .
GC