OVH Cloud OVH Cloud

div et span

12 réponses
Avatar
olivier
Bonjour,

Deux question pour le prix d'une :

1/ si j'ai bien tout compris :
<div> équivalent à <span style="display:block">
et
<span> équivalent à <div style="display:inline">
Oui ?

2/ Comment faire sans <table ...> le truc tout bête suivant :

-------------------------------------------------------
|texte aligné à gauche texte aligné à droite|
| |

sans le cadre ! En gros, sur la même ligne en utilisant 100% (par
exemple) de la largeur disponible, avoir à la fois du texte aligné à
gauche et du texte aligné à droite. Et sans <table> hein !

merci !

--
olivier

2 réponses

1 2
Avatar
cléo
vertical-align doit être appliqué à un élément de type table ou
table-cell, et s'appliquera aux enfants de cet élément
alors sur une image, qui est de type inline et qui n'a pas d'enfants,



Salut,
http://www.yoyodesign.org/doc/w3c/css2/visudet.html#propdef-vertical-align
D'après cette doc, la propriété "vertical-align" s'applique aux éléments de
type inline et table-cell et n'est pas héritée.

je doute que cela produise le moindre effet :)


En faite si ;-) !!

Exemple:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body>TEXT<img style="vertical-align: middle;"
src="http://www.lexode.com/galerie/galerie/2910/mini/109906896969.jpg"
/>TEXT</body>
</html>

Amicalement
--
Cléo
Avatar
Thibaut Allender
On 20/05/2005 16:50, cléo wrote :
En faite si ;-) !!



oui, mea culpa, mais l'interet est assez limité car ça ne permet de
centrer qu'une seule ligne de texte (c'est pour ça que je pensais à
table-cell)

si le texte doit être sur 2 lignes (analogie avec ce qu'on peut obtenie
avec une table et un valign="middle", on l'a dans l'os, si j'ose dire :)

Exemple:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">



yek ! :)

--
thibaut allender | freelance | http://capsule.org
1 2