Pages à passer de tableaux en CSS

Citation:

---

Envoyé par MasterOfChakhaL

Pourtant, cette notion est fondamentale. Une fois maîtrisée, il ne reste plus grand chose à comprendre en CSS.

---

pourtant, la forme même de ta réponse (il ne reste plus...) semble prouver que ce n'est pas par là qu'il faut commencer un apprentissage

Citation:

---

Pour tes blocs de 40x40, on est d'accord que ton code défini des boites de 40x15 non?

---

tout à fait possible, mais j'ai tellement trifouillé dessus que je ne sais plus

Citation:

---

Ensuite, les dimensions, c'est une chose, mais si le contenu est trop grand, le navigateur doit bien faire un choix pour l'affichage.

---

d'accord pour le contenu trop grand, mais quand le contenu est dans les dimensions de la boite, elle devrait faire ces dimensions-là, or il n'en est rien... pour moi c'est inacceptable
Pourquoi préciser des dimensions si elles sont en caoutchouc ?

Je veux régler ce vrai problème (pour moi) avant d'aller plus loin (overflow et cie)

Ne pas se laisser submerger

mais merci

Citation:

---

Envoyé par veevee

pourtant, la forme même de ta réponse (il ne reste plus...) semble prouver que ce n'est pas par là qu'il faut commencer un apprentissage

---

Ben non... Le flux est une notion que tu as dès que ton navigateur affiche une page. Même s'il n'y a pas la moindre touche de CSS. Ca me parait être un bon point de départ, même si tu peux en choisir d'autre comme la typographie ou bien le modèle de boite (bordure, margin, padding et dimensions)

Le code dans ton message auquel je faisais allusion dans ma précédente réponse indique clairement:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

.boitenglobante{ /*background-color:#FFBBBB;//visu du bloc color:#0000FF; float;left; display:inline;*/ height: 15px ; //c est ICI que ça pêche width: 40px;//et ici aussi /*border-style:solid;//visu du bloc border-color:#FF0000; border-width:1px; margin-left:15px;*/ }

---

Donc une largeur de 40 pixel et une hauteur de 15 pixel.
La taille par défaut de la police est de 16 pixel (sur quasiment tous les navigateurs). Donc si tu n'as pas touché aux tailles des polices, il y a déjà dépassement des dimensions dès le premier caractère que tu mets.

Peut-être pourrais-tu nous fournir un lien pour qu'on voit où est le problème...

re,

bon, le HTML, le CSS et tout ça c'est ici

Bien entendu la seule partie intéressante c'est le e et le w dans les DIV
Notez bien que le CSS spécifie une boite de 100x100

Merci

Re,

En suivant ton lien, on constate que tu as mis un display:inline;. Ton souci vient de là.

Un élément en ligne n'a pas de dimension. Donc si tu les définies, elles sont ignorées.

Dans le code que tu nous avais fourni, le display: inline était bien présent, mais il il y avait aussi un float: left qu'on ne retrouve pas sur ton lien.

Le fait de définir un élément comme flottant implique qu'il réagit comme un élément block, même si un display: inline est indiqué.

Je n'avais pas fait attention car le fait d'associer le float et le display: inline permet de résoudre un bug d'IE... (les navigateurs respectant les standards ignorent le display quand le float est défini)

re,

Merci, merci et merci encore

tu ne peux pas imaginer les progrès que j'ai fait en une heure avec UN seul message

J'ai cherché dans la bonne direction et j'ai trouvé

Une ou deux de tes phrases ont déclenché le bon processus de réflexion, et maintenant ce que je voulais, bâti consciemment, par moi-même est ici

La discussion est vraiment résolue


Je vous ai, à tous, beaucoup de gratitude

Ben écoute, je suis content t'avoir pu t'aider ;)