the_penguin a écrit :
bonjour,
j'ai un énorme pb avec cette page (et la css)
Les liens ne sont pas a la taille que j'avais prévu et les bordures ne s'affichent pas sous IE.
L'énorme problème se résume à une règle de base de CSS1 : les liens <a> sont des éléments %inline. Et les dimensions des éléments "en ligne" de ce type ne peuvent pas être forcées à l'aide des propriétés height et width. Elles ne sont déterminées que par leur contenu.
Donc :
- ou on agit sur l'élément de type %block parent (le paragraphe <p>, l'item de liste <li>... dont les dimensions sont accessibles via width et height
- ou on modifie le comportement de la boîte générée par le lien <a>, à l'aide de la propriété display, pour en faire un boîte dont les dimensions sont manipulables (display: block, display: inline-block, display: table-cell, etc).
En aucun cas, en XHTML strict, on ne met un <a...> directement dans <body>, comme dans la page test :
- c'est invalide
- c'est valide en XHTML transitional, mais au prix d'une structure plus que faible.
Donc, à moins d'être contraint par ailleurs de coder avec les pieds, on a toujours un élément %block parent sur lequel agir. Dans le pire des cas, une <div> (c'est fait pour ça)
Modifié le 29 Jan 2005 - 15:14
