Templeet m'a bouffé un bon commentaire
« Des choses qui manques :
- <script src="script.js" />
(au lieu de fermer bêtement la balise a la html4) »
« Là tu énonces un bug de IE je pense... En tout cas chez moi, un clear:left n'a jamais annulé tous les float. Enfin en tout cas je n'ai jamais rencontré le problème. (enfin bon, je ne m'amuse pas non plus à mettre des floats dans tous les sens) »
Non, pas vraiment.
Tu ne semble pas comprendre mon dilemme.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>test</title>
</head>
<body>
<div style="float: left; width: 150px;">
<div>menu 1</div>
<div>menu 2</div>
<div>menu 3</div>
<div>menu 4</div>
<div>menu 5</div>
</div>
<div style="margin-left: 150px">
<div class="article" style="background: yellow">
<div style="float: left;">
<img src="upload/a998ed9f82ebe961b2f923cd6cbd28e1_reload.png" alt="blabla" style="display: block" />
description
</div>
ton texte ici qui est assez long, mais pas asses
<div style="visibility: hidden; clear: left;"> </div>
</div>
</div>
</body>
</html>
Bref dans cet example, ça va chier si ton image est plus haute que ton texte, a ce moment là ton image va déborder du bord de ton cadre.
Et pour ça il n'y a pas de solution "propre", une solution serait d'ajouter après ton texte un élément du style :
<div style="visibility: hidden; clear: left; height: 1px;"> </div>
Mais ça marche pas car ton navigateur va aller connement s'aligner sur ton menu flottant a gauche au lieu du float d'au dessus que tu lui demande.
Bref, le principe même de ces float est moisi, et c'est ce que j'entends par mon display: integrated;
C'est que l'image se trouve insérée dans le flux du texte.
« C'est prévu dans CSS3, et ça fonctionne dans Firefox 1.0+ -moz-border-radius »
Navré mais c'est une spécificité firefox/mozilla, j'ai toujours pas vu une vrai règle css dispo a ce propos.
« xmlhttprequest ? sinon que ce soit XForms ou les webform en HTML5, ça apporte de nombreuses améliorations à ce niveau. http://ljouanneau.com/blog/2006/08/30/587-web-forms-2 . Et avec XForms, tu peux envoyer les données dans le format que tu veux. »
C'est pas ce que je cherche ça moi...
Ce que je veux est simplement pouvoir soumettre la form avec un envoie de fichier (si possible avec indicateur de progression) sans recharger la page.
Leur xforms et webform sont a mon avis complètement inutiles, trop compliqué pour ce que c'est.
Moi ce que je veux est pouvoir simplement côté client envoyer sans soumettre (et donc recharger la page) simplement un formulaire.
Un truc du genre :
ret = document.getElementById('formXXX').submitXMLRPC('une page');
Enfin une du code js qui permette souplement de soumettre mon formulaire sans recharger la page.
(et que le site reste fonctionnel par ailleurs tant que je recharge pas une page)
« C'est le but de html5. Regarde la spec et les nouvelles balises qu'il propose avant de critiquer dans le vide. »
Navré mais j'ai regardé leur balises, rien de concret, ça me donne l'impression d'avoir été conçu pas des mathématiciens sans penser au gens normaux...
Désolé mais les specs j'appelle pas ça une doc, pour moi c'est une daube infâme illisible.
(pour moi une vrai doc c'est le site de php avec une doc correcte partout)
« Pardon ? c'est standardisé depuis des années dans HTML et XHTML.. Et standardisé des "metas", ce ne serait pas logique, puisque par définition, les métas est une manière d'enrichir le head selon tes propres besoins.
M'enfin peut être que les microformats pourraient résoudre ton problème. »
Ce que j'entend par là est que son contenu n'est pas pas une liste standard du genre :
<title>{siteTitle}</title>
<link rel="icon" type="image/x-png" href="{siteFavicon}" />
<meta name="author" content="{siteAuthor}" />
<meta name="license" content="{siteLicense}" />
<meta name="keywords" content="{siteKeywords}" />
<meta name="generator" content="{siteGenerator}" />
Les prev, next et parent manquent, et quelques autres j'imagine.
Je parle pas de normes et de balises, mais de contenu minimum de cette section head qui est pour moi un foutoir !
[^] # Re: Css3 et marcher sur la tête...
Posté par Raphaël G. (site web personnel) . En réponse à la dépêche Apple, Opera et Mozilla poussent HTML5. Évalué à 2.
« Des choses qui manques :
- <script src="script.js" />
(au lieu de fermer bêtement la balise a la html4) »
« Là tu énonces un bug de IE je pense... En tout cas chez moi, un clear:left n'a jamais annulé tous les float. Enfin en tout cas je n'ai jamais rencontré le problème. (enfin bon, je ne m'amuse pas non plus à mettre des floats dans tous les sens) »
Non, pas vraiment.
Tu ne semble pas comprendre mon dilemme.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>test</title>
</head>
<body>
<div style="float: left; width: 150px;">
<div>menu 1</div>
<div>menu 2</div>
<div>menu 3</div>
<div>menu 4</div>
<div>menu 5</div>
</div>
<div style="margin-left: 150px">
<div class="article" style="background: yellow">
<div style="float: left;">
<img src="upload/a998ed9f82ebe961b2f923cd6cbd28e1_reload.png" alt="blabla" style="display: block" />
description
</div>
ton texte ici qui est assez long, mais pas asses
<div style="visibility: hidden; clear: left;"> </div>
</div>
</div>
</body>
</html>
Bref dans cet example, ça va chier si ton image est plus haute que ton texte, a ce moment là ton image va déborder du bord de ton cadre.
Et pour ça il n'y a pas de solution "propre", une solution serait d'ajouter après ton texte un élément du style :
<div style="visibility: hidden; clear: left; height: 1px;"> </div>
Mais ça marche pas car ton navigateur va aller connement s'aligner sur ton menu flottant a gauche au lieu du float d'au dessus que tu lui demande.
Bref, le principe même de ces float est moisi, et c'est ce que j'entends par mon display: integrated;
C'est que l'image se trouve insérée dans le flux du texte.
« C'est prévu dans CSS3, et ça fonctionne dans Firefox 1.0+ -moz-border-radius »
Navré mais c'est une spécificité firefox/mozilla, j'ai toujours pas vu une vrai règle css dispo a ce propos.
« xmlhttprequest ? sinon que ce soit XForms ou les webform en HTML5, ça apporte de nombreuses améliorations à ce niveau. http://ljouanneau.com/blog/2006/08/30/587-web-forms-2 . Et avec XForms, tu peux envoyer les données dans le format que tu veux. »
C'est pas ce que je cherche ça moi...
Ce que je veux est simplement pouvoir soumettre la form avec un envoie de fichier (si possible avec indicateur de progression) sans recharger la page.
Leur xforms et webform sont a mon avis complètement inutiles, trop compliqué pour ce que c'est.
Moi ce que je veux est pouvoir simplement côté client envoyer sans soumettre (et donc recharger la page) simplement un formulaire.
Un truc du genre :
ret = document.getElementById('formXXX').submitXMLRPC('une page');
Enfin une du code js qui permette souplement de soumettre mon formulaire sans recharger la page.
(et que le site reste fonctionnel par ailleurs tant que je recharge pas une page)
« C'est le but de html5. Regarde la spec et les nouvelles balises qu'il propose avant de critiquer dans le vide. »
Navré mais j'ai regardé leur balises, rien de concret, ça me donne l'impression d'avoir été conçu pas des mathématiciens sans penser au gens normaux...
Désolé mais les specs j'appelle pas ça une doc, pour moi c'est une daube infâme illisible.
(pour moi une vrai doc c'est le site de php avec une doc correcte partout)
« Pardon ? c'est standardisé depuis des années dans HTML et XHTML.. Et standardisé des "metas", ce ne serait pas logique, puisque par définition, les métas est une manière d'enrichir le head selon tes propres besoins.
M'enfin peut être que les microformats pourraient résoudre ton problème. »
Ce que j'entend par là est que son contenu n'est pas pas une liste standard du genre :
<title>{siteTitle}</title>
<link rel="icon" type="image/x-png" href="{siteFavicon}" />
<meta name="author" content="{siteAuthor}" />
<meta name="license" content="{siteLicense}" />
<meta name="keywords" content="{siteKeywords}" />
<meta name="generator" content="{siteGenerator}" />
Les prev, next et parent manquent, et quelques autres j'imagine.
Je parle pas de normes et de balises, mais de contenu minimum de cette section head qui est pour moi un foutoir !