OVH Cloud OVH Cloud

CSS, attribut "clear"

58 réponses
Avatar
Mihamina Rakotomandimby
Bonjour,

J'ai beau regarder les docs et les tutoriels existants, je ne trouve pas
d'explication satisfaisante sur l'usage et la signification de "clear".

Ce que je ne comprend pas c'est:
- qu'est-ce qui passe à la ligne apres le "clear"?
- qu'est ce que "clear" chamboule?

Jusque là je n'ai pas eu obligation de l'utiliser, mais je vois par
exemple que Joomla (les templates joomlart, plus exactement) l'utilise
beaucoup, et quand je customise ces templates en enlevant le "clear", ça
ne change pas grand chose...

En gros, j'ai regardé la théorie, je comprends pas.
J'ai expérimenté sur des cas de la vraie vie, je comprends pas.

Peut-être un des contributeurs de ce groupe aurait le "truc" qui
m'aiderai :)

Merci d'avance.

--
Huile Essentielle de Camphre http://www.huile-camphre.fr
Infogerance http://www.infogerance.us
(Serveurs, Postes de travail, Développement logiciel)

8 réponses

2 3 4 5 6
Avatar
Hugolino
Le Thu, 20 Mar 2008 03:02:01 +0100, SAM a écrit:
Il parle du P limité à droite par l'image flottante.



Bin oui. Je me demande comment ça pouvait ne pas être évident.

Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui
glisse sous l'image s'il n'est pas overflowé.
<http://cjoint.com/data/duc57vfpTN_float_lesson2.htm>
(Tidy en est très content)



OK, je ne connaissais pas overflow. Problème réglé donc. Merci à toi.


--
je suis assez têtu et utilise toujours Linux en root et en voulant effacer
tous les fichiers dans un repertoire j'ai fait un rm -fr * or en tapant sur
entree je me suis rendu compte que je suis sur / : oooooooups
-+- T in Guide du linuxien pervers : "Et paf le tétu" -+-
Avatar
Hugolino
Le Thu, 20 Mar 2008 02:02:44 +0100, SAM a écrit:
Hugolino a écrit :
> Le problème est que la bordure est aussi large que le body, elle ne
> s'arrête pas à l'image qui flotte à droite.
>
> J'ai repris ton exemple (très didactique et clair) pour montrer le
> problème : <http://roulaize.fr/vrac/flottage-border.htm>
>
> Comment faire en sorte que la bordure s'arrête n'englobe pas aussi
> l'image ?

N'as-tu pas lue l'intervention de Laurent ?

<p style="overflow: hidden; border: solid red ...
^^^^^^^^^^^^^^^^^



Non, je n'avais pas vu.

et ne pas me demander pourquoi ça résout le problème.
(en tous cas dans mon Fx)



Oui, depuis ma réponse précédente, il y a 10 minutes, j'ai testé avec
opera. Que j'utilise hidden ou auto, le problème est le même: le
paragraphe voit sa largeur limitée par celle de l'image, mais il est
rejeté plus bas dans le flux, c'est à dire *en dessous* de l'image.

Plus moche que ça tu meurs :)

Le problème ne se pose pas si je donne une largeur à mon paragraphe.
Mais comme je ne connais pas la largeur que me laisse l'image...

--
People claim that the UNIX learning curve is steep, but at least you
only have to climb it once.
Hugo (né il y a 1 385 452 399 secondes)
Avatar
unbewusst.sein
SAM wrote:


> en fait c'est une très bonne idée de m'avoir demandé "la totale"...

Bon, tant mieux, je n'eussions point voulu par trop abuser ;-)



là, comme tu as du voir dans le js (j'ai fait une nouvelle synchro) je
produis la carte de visite par DOM, je vais essayer par xslt, c'est plus
facile à modifier.

là aussi je dois mettre au point le flottage...

je pense que d'ici la fin de la journée la recherche sera au point, je
propose de faire sa par un select, avec au choix :
- Tout (sur tous les chanmps)
- Adresse
- Note
- nom
- tel
- instant messager
- j'en oublie ???
--
Une Bévue
Avatar
SAM
Laurent vilday a écrit :
SAM a écrit :

Oui c'est vrai ça quoi ! tu fais pas bp d'effort là.



C'est pas faute d'essayer d'abuser des smileys. :)



(j'espère que tu vois bien ceux que je ne mets pas)

C'est le B.A.BA d'un "testcase", n'utiliser que les éléments
permettant de reproduire le problème sans équivoque possible,



Tu aurais pu regarder le 1er jet pour éviter que le B.A.BA non
respecté ne soit reproduit tt au long de l'évolution de cette page.



Je doit être aveugle, j'ai beau fouiller je trouve pas.



Mon 1er jet (sujet : arrêt de flottaison) doit être celui-ci :
<http://cjoint.com/data/dslxpLMoe4_flottage.htm>



Il parle du P limité à droite par l'image flottante.

Bon, le B.A.BA réparé ne change pas le phénomène de la boite du P qui
glisse sous l'image s'il n'est pas overflowé.
<http://cjoint.com/data/duc57vfpTN_float_lesson2.htm>



Je dois vraiment parler une autre langue que celle que je crois en fait.
Je suis désolé mais je ne comprends pas le problème.



<http://cjoint.com/data/dujqjMkGu1_float_lesson0.htm>
et cliquer successivement les 2 liens [oui/non]

sauf que ... marche pô avec IE 6 :-(

Je vais donc m'arrêter là car sans un jeu d'essai *minimaliste* je ne
vois pas de quoi on parle. Désolé.



Elément 'P' borduré de rouge placé après une image en float:right;
<http://cjoint.com/data/dujAFL2NsG_float_lesson0A.htm>

Le même élément 'P' stylé : overflow: auto;
<http://cjoint.com/data/dujCl5Da3G_float_lesson0B.htm>
Firefox = OK
IE 6 = OUT

Normal que ça ne fonctionne pas ?
Oublié qque chose d'autre ?

--
sm
Avatar
Pierre Goiffon
Une Bévue wrote:
Et je ne répèterai jamais assez que faire du XHTML à destination du Web
apporte de très nombreuses contraintes pour un gain absolument nul



euh... gain nul vous dites ?

ça permet de mélanger plusieurs ns...

et de les trifouiller avec xpath non ?



Sur le Web, votre XHTML _DEVRA_ être servit en text/html. Expliquez moi
comment vous réalisez ces traitements XML dans ce cas ?
Avatar
Pierre Goiffon
Paul Gaborit wrote:
http://pgoiffon.free.fr/info/inet/html_ou_xhtml.php



Par contre, j'ai beaucoup ri en lisant l'explication sur la traduction
de "SHOULD" par "DOIT". C'est pourtant clair : "SHOULD" doit être
traduit par "DEVRAIT" et non "DOIT" !



C'est juste, et "devrait" s'applique d'ailleurs bien mieux à ce qui est
indiqué juste en-dessous. Je tâcherai d'appliquer la correction
rapidement. Merci !
Avatar
unbewusst.sein
Pierre Goiffon wrote:


Sur le Web, votre XHTML _DEVRA_ être servit en text/html. Expliquez moi
comment vous réalisez ces traitements XML dans ce cas ?



euh ? chez moi en local avec apache 2 et mes réglages c'est OK...

sur free aussi ...
--
Une Bévue
Avatar
Pierre Goiffon
Paul Gaborit wrote:
http://pgoiffon.free.fr/info/inet/html_ou_xhtml.php



Par contre, j'ai beaucoup ri en lisant l'explication sur la traduction
de "SHOULD" par "DOIT". C'est pourtant clair : "SHOULD" doit être
traduit par "DEVRAIT" et non "DOIT" !



C'est juste, et "devrait" s'applique d'ailleurs bien mieux à ce qui est
indiqué juste en-dessous. Je tâcherai d'appliquer la correction
rapidement. Merci !
2 3 4 5 6