OVH Cloud OVH Cloud

Lignes qui se créent en diminuant la taille de l'explorateur

17 réponses
Avatar
kurtbosh
Bonsoir,

Sur cette page :

http://www.grenault.net/tech.htm

des lignes blanches se cr=E9ent si on diminue la taille de l'explorateur
sous les paragraphes "Cadrage" et "Lignes", je ne m'en sors pas !
C'est d=FB certainement aux images incrust=E9es dans les paragraphes (avec
float: left en CSS). Avez-vous une solution ?

Un grand Merci d'avance !

PS : page cr=E9=E9e =E0 la mimine avec un traitement de texte (Syn)

Attention : il y a de la pub en bas (ne pas y aller, j'ai pr=E9venu...)

Guy

7 réponses

1 2
Avatar
Mickaël Wolff
Olivier Miakinen a écrit :

En réalité, je pense que c'est quand même le   qui introduit une
séparation entre les blocs H1 et P, ce qui empêche la fusion des marges
(marge inférieure du H1, puis marge supérieure du P).



Tout à fait, l'entité nbsp a forcé un inline qui empêche la fusion.
Comme s'il avait rajouté un caractère imprimable.

--
Mickaël Wolff aka Lupus Michaelis
http://lupusmic.org
Avatar
kurtbosh
On 26 avr, 17:19, Mickaël Wolff wrote:
Olivier Miakinen a écrit :

> En réalité, je pense que c'est quand même le   qui introduit une
> séparation entre les blocs H1 et P, ce qui empêche la fusion des mar ges
> (marge inférieure du H1, puis marge supérieure du P).

Tout à fait, l'entité nbsp a forcé un inline qui empêche la fusi on.
Comme s'il avait rajouté un caractère imprimable.

--
Mickaël Wolff aka Lupus Michaelishttp://lupusmic.org



Bon, je ne sais plus trop. Je n'avais aucun problème avant d'ajouter
les photos. Cela fonctionne parfaitement bien maintenant en ajoutant 2
lignes de &nbsp; !!!! (environ 150 &nbsp;) et sans <br> ni <p> ? Une
curiosité des CSS ?

Merci.
Avatar
Olivier Miakinen
Le 26/04/2008 19:22, kurtbosh a écrit :

[ citation intégrale, y compris la signature ]





Tu as lu http://www.usenet-fr.net/fur/usenet/repondre-sur-usenet.html ?

Bon, je ne sais plus trop. Je n'avais aucun problème avant d'ajouter
les photos.



Et tu serais prêt à mettre ta main à couper que tu n'as pas rajouté ce
&nbsp; en même temps que tu rajoutais les photos ? Tu as essayé de le
supprimer ?

Cela fonctionne parfaitement bien maintenant en ajoutant 2
lignes de &nbsp; !!!! (environ 150 &nbsp;) et sans <br> ni <p> ?



Ahem... et en faisant les pieds au mur tout en ajoutant un div en
position absolute contenant un texte en noir sur fond noir, tu as
essayé ?

Une curiosité des CSS ?



Plutôt le comportement normal des CSS, comme il t'a déjà été expliqué.
Mais si tu voulais utiliser vraiment les CSS au lieu de jouer aux
devinettes en rajoutant des &nbsp;, des <p> ou des <br> au hasard, tu
te contenterais d'un <h3> pour le titre et d'un <p> pour le contenu,
et tu agirais *en CSS* sur la marge inférieure du h3 et sur la marge
supérieure du p.
Avatar
SAM
kurtbosh a écrit :
Bon, je ne sais plus trop. Je n'avais aucun problème avant d'ajouter
les photos. Cela fonctionne parfaitement bien maintenant en ajoutant 2
lignes de &nbsp; !!!! (environ 150 &nbsp;) et sans <br> ni <p> ? Une
curiosité des CSS ?



La plus grosse curiosité est tout de même le manque de rigueur,
d'organisation du html de cette page :
<http://www.grenault.net/tech.htm>
où on sent que pas mal de choses ont dû être posées un peu comme ça et
réglées par approches et même grace à des imbrications de balises assez
peu acceptables.

La 1ère chose à faire : virer les tables
La suivante : mettre sous-titre puis paragraphe(s)
(et non pas styles les P par l'intermédiaire de H1 stylés comme si
eux-mêmes devaient être des P(aragraphe)s )

J'ai commencé à faire le ménage :
<http://cjoint.com/?eBelAkUt04>
ça a l'air de bien fonctionner avec mes brouteurs
(Fx 2, Safari 2, Opera 9)
mais affichage + que curieux dans l'IE6 de mon émulateur Windows :-(

--
sm
Avatar
kurtbosh
On 27 avr, 04:14, SAM
wrote:
kurtbosh a écrit :

> Bon, je ne sais plus trop. Je n'avais aucun problème avant d'ajouter
> les photos. Cela fonctionne parfaitement bien maintenant en ajoutant 2
> lignes de &nbsp; !!!! (environ 150 &nbsp;) et sans <br> ni <p> ? Une
> curiosité des CSS ?

La plus grosse curiosité est tout de même le manque de rigueur,
d'organisation du html de cette page :
<http://www.grenault.net/tech.htm>
où on sent que pas mal de choses ont dû être posées un peu comme ça et
réglées par approches et même grace à des imbrications de balises assez
peu acceptables.

La 1ère chose à faire : virer les tables
La suivante : mettre sous-titre puis paragraphe(s)
(et non pas styles les P par l'intermédiaire de H1 stylés comme si
eux-mêmes devaient être des P(aragraphe)s )

J'ai commencé à faire le ménage :
<http://cjoint.com/?eBelAkUt04>
ça a l'air de bien fonctionner avec mes brouteurs
(Fx 2, Safari 2, Opera 9)
mais affichage + que curieux dans l'IE6 de mon émulateur Windows :-(

--
sm



Merci ! Problème avec IE7 aussi.

Guy
Avatar
kurtbosh
On 27 avr, 07:03, kurtbosh wrote:
On 27 avr, 04:14, SAM
wrote:



> kurtbosh a écrit :

> > Bon, je ne sais plus trop. Je n'avais aucun problème avant d'ajouter
> > les photos. Cela fonctionne parfaitement bien maintenant en ajoutant 2
> > lignes de &nbsp; !!!! (environ 150 &nbsp;) et sans <br> ni <p> ? Une
> > curiosité des CSS ?

> La plus grosse curiosité est tout de même le manque de rigueur,
> d'organisation du html de cette page :
> <http://www.grenault.net/tech.htm>
> où on sent que pas mal de choses ont dû être posées un peu comme ça et
> réglées par approches et même grace à des imbrications de balise s assez
> peu acceptables.

> La 1ère chose à faire : virer les tables
> La suivante : mettre sous-titre puis paragraphe(s)
> (et non pas styles les P par l'intermédiaire de H1 stylés comme si
> eux-mêmes devaient être des P(aragraphe)s )

> J'ai commencé à faire le ménage :
> <http://cjoint.com/?eBelAkUt04>
> ça a l'air de bien fonctionner avec mes brouteurs
> (Fx 2, Safari 2, Opera 9)
> mais affichage + que curieux dans l'IE6 de mon émulateur Windows :-(

> --
> sm

Merci ! Problème avec IE7 aussi.

Guy



Bon, j'ai juste ajouté quelques mots au texte et Vlan ! Ca marche
impeccable !

Cette page était avant l'insertion des photos compatibles avec tous
les browsers (elle doit l'être à nouveau). C'est pourquoi j'avais
décidé de garder mes bonnes vieilles tables et d'utiliser aussi le
CSS... Site hybride mais efficace apparemment ;-)

Merci à tous et bon dimanche.

(plus de &nbsp;)
Avatar
Olivier Miakinen
Le 27/04/2008 04:14, SAM a écrit :
<http://www.grenault.net/tech.htm>

J'ai commencé à faire le ménage :
<http://cjoint.com/?eBelAkUt04>



Bravo ! En plus, tu résouds un autre problème de la page d'origine, à
savoir que le titre SUJET ne monte pas jusqu'à la photo de LE CADRAGE ni
L'EQUILIBRE jusqu'à la photo de LES LIGNES quand on agrandit la fenêtre.

mais affichage + que curieux dans l'IE6 de mon émulateur Windows :-(



En effet. Idem sur Windows.
1 2