28220 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai un tableau, je souhaite n'avoir aucun espace entre les cases, j'ai beau essayer avec : border-collapse:collapse, et border-spacing:0;
rien n'y fait en Xhtml1.0 strict , et la miracle, sans changer une ligne ca passe en Xhtml1.0 Transitional ?
Quelqu'un peut'il m'aider ?
illustration : html et css identique:
Strict
Transitional

Merci .
Modifié par cedricici (06 Aug 2005 - 18:09)
Pour résoudre le problème :

img{
border:none;
vertical-align: middle;
}


Ou tout autre valeur que la valeur baseline par défaut. L'explication est ici dans CSS2.1 (en anglais)

Ce qui est en revanche curieux, c'est le non respect de CSS2.1 en transitional. Un doctype switching insidieux, peut-être...
Eh bien j'étais loin de me douter que ca venais de la .. .j'avais bien essayer les 'height:auto' mais sans succes.
C'est effectivement étonnant que ca ne pose pas problème en transitional.

merci en tous cas Smiley cligne


ps: ca n'a pas posé problème a IE du tout d'ailleurs, en strict comme en transitional Smiley sweatdrop , mais bon on y est habitué.
Laurent Denis a écrit :
Ce qui est en revanche curieux, c'est le non respect de CSS2.1 en transitional. Un doctype switching insidieux, peut-être...


Au fait, dans ma remarque ci-dessus, le "curieux" ne visait pas Firefox, mais Opera Smiley cligne

En effet, Firefox applique le mode de rendu Almost standards face à une DTD XHTML transitional complète, et ce comportement est normal dans ce mode (voir http://devedge-temp.mozilla.org/viewsource/2002/img-table/ et http://www.mozilla.org/docs/web-developer/quirks/doctypes.html )

En revanche, Opera n'a pas, théoriquement de mode Almost standards documenté, mais uniquement un mode quirks et un mode Strict. Et cette DTD le place bien, théoriquement, en mode strict... Il semblerait donc que le doctype switching d'Opera soit plus complexe que cela.
Modifié par Laurent Denis (07 Aug 2005 - 14:10)