Reprise du message précédent :

form {
  margin: 0px;
}

Bah oui c tout con hein... y a pas de magie...

si j'avais su
bon ba voila y a un peu moins de place de prise en haut du forum, notamment sur forum2.php3, et pour les modos sur forum1.php3

gm_superstar a écrit a écrit :   A peu près toutes tes boîtes et tes cadres. Le seul truc prise de tête risque d'être la gestion des bords arrondis pour tes boîtes

 
Ce qui tombe plutôt bien, puisque je vais laisser tomber les bords arrondis pour une présentation plus sobre, plus carrée...
 
Bon, ben c'est décidé, je m'y mets... Du boulot en perspective!!
 
Et au fait, vous arrivez à vous connecter au www.w3.org??

Les présentations pas carrées qu'est ce que c'est chiant à faire

ouais, même avec les ?? à la fin

et sinon, il faudrait que je commence par quoi?
 
coder les css puis les div, ou bien l'inverse?

joce a écrit a écrit :

En fait <form> c'est un élément de type boîte comme <p> ou <div> et les navigateurs sont libres de leur donner les marges et le padding qu'ils veulent. Pour le <form>, IE lui donne une marge en haut et en bas, alors que Mozilla, seulement une marge en bas... Bref c'est un peu le foutoir à ce niveau.
 
Perso je me demande un peu pourquoi <form> devrait avoir des marges, je vois ça comme un élément "transparent" qui ne devrait pas influencer la mise en page.

joce a écrit a écrit : ouais, même avec les ?? à la fin

 
ben moi, avec ou sans ?? ça marche pas

joce a écrit a écrit : Les présentations pas carrées qu'est ce que c'est chiant à faire

Y'a une propriété CSS qui est rigolotte mais qui marche qu'avec Mozilla, c'est -moz-border-radius, qui fait automatiquement les arrondis avec les bordures. Ca fera sûrement partie des CSS 3.

Heu les 2 en même temps
 
Pour le W3C essaye http://www.w3c.org/  
 
Sinon il y a une traduc partielle du HTML 4.01 là : http://www.la-grange.net/w3c/html4.01/

gm_superstar a écrit a écrit :   En fait <form> c'est un élément de type boîte comme <p> ou <div> et les navigateurs sont libres de leur donner les marges et le padding qu'ils veulent. Pour le <form>, IE lui donne une marge en haut et en bas, alors que Mozilla, seulement une marge en bas... Bref c'est un peu le foutoir à ce niveau.   Perso je me demande un peu pourquoi <form> devrait avoir des marges, je vois ça comme un élément "transparent" qui ne devrait pas influencer la mise en page.

c'est comme ca que je le voyais aussi, c'est pour ca que je captais pas d'où venait l'espacement. On peut mettre border="1" dans un form ?

 
y a aussi les moz-opacity qui pourraient être sympa s'ils ne provoquaient pas de bugs

W3C Compliant a écrit a écrit :       Je vais le reprendre pour mon site

 
quel logo ? où ?

antp a écrit a écrit :     quel logo ? où ?

c'est un logo pour les elitez

Bon, allez, c'est parti, premiere question:
 
pour centrer un <div> horizontalement, c'est bien le code suivant?
 

Déjà 2 trucs :
 
1. Donne un nom plus explicite à tes styles. Au lieu de id="Layer1" préfère quelque chose comme id="menu" ou id="news"
2. Je te déconseille très fortement de mettre tes styles dans l'attribut style="..." ça va vite devenir ingérable. Utilise une feuille de style externe et dans celle-ci, définis tes styles comme ça :
 
div#menu {
  position: absolute;
  ...
}
 
avec id="menu"
 
 
Enfin pour centrer un div :
 
margin-left: auto;
margin-right: auto;

Et je viens de me poser une question:
 
il faut faire un <div> prenant toute la page et y intégrer le site en lui même, ou bien faire un <div> pour le menu du haut, puis un pour l'image en haut au milieu, puis un autre pour la partie droite...
 
Et aussi, (donc deux questions ), comment peut-on placer les <div> dans le bas d'une page si on ne sait pas quelle longueur aura la page? Il faut définir leur position par rapport aux <div> du dessus ou bien par rapport à un <div> dans lesquels ils sont contenus? (Ce qui, pour la deuxième hypothèse, suppose qu'il faille un <div> contenant tous les autres, ce qui répondrait à ma première question... )

 
Ok, ça marche... Mais  
 
margin-top: auto;
margin-bottom: auto;
 
ca marche pas ça...

Héhéhé bienvenue dans le monde merveilleux et capillotracté des <div>  
 
Y a pas de méthode toute faite pour les positionner : tout dépend de leur type (boite, inline), de leur positionnement (absolu, relatif) et de leur indentation les uns dans les autres

Je pense qu'il faut un <div> principal ne serait-ce que parce que tu veux quelque chose de centré.

haazheel a écrit a écrit : Et aussi, (donc deux questions ), comment peut-on placer les <div> dans le bas d'une page si on ne sait pas quelle longueur aura la page? Il faut définir leur position par rapport aux <div> du dessus ou bien par rapport à un <div> dans lesquels ils sont contenus? (Ce qui, pour la deuxième hypothèse, suppose qu'il faille un <div> contenant tous les autres, ce qui répondrait à ma première question... )

Il y a une notion à avoir lorsqu'on positionne des éléments avec les CSS, c'est la notion de flux normal http://www.yoyodesign.org/doc/w3c/ [...] ormal-flow
 
Quand un élement est "dans le flux normal" il est positionné par rapport aux éléments qui le précèdent. C'est le fonctionnement standard. Un élément qui n'est pas dans le flux normal est positioné de manière absolue (position: absolute), c'est à dire par rapport à son conteneur. Dans ce cas, sa place dans la page est déterminée en fontion des coordonnées de l'élément.
 
Ceci étant expliqué, tu devrais pouvoir trouver la réponse à ta question

 
je crois que les div te montent à la tête, tu mets un /div au lieu d'un /citation

Hé non, parce que tu confonds 2 choses : la notion de page et la notion de zone de visualisation. La page c'est là où viennent se mettre les éléments HTML. La zone de visualisation c'est la fenêtre de ton navigateur, là ou s'affiche la page.
 
En largeur les 2 se confondent. En revanche en hauteur c'est différent : la hauteur de la page est la hauteur de tous les éléments placés dans le flux normal. Donc la hauteur de la page peut être soit plus grande que la zone de visualisation (dans ce cas on scrolle) soit plus petite.
 
Donc pour centrer verticalement un <div> au milieu de la zone de visualisation (et pas au milieu de la page car ça n'a pas de sens), il faut le sortir du flux normal et le positionner de manière absolue comme l'a proposé W3C Compliant en page 2.

antp a écrit a écrit : je crois que les div te montent à la tête, tu mets un /div au lieu d'un /citation

   
 
Tu as raison, d'ailleurs, je vais prendre l'air

 
[body]
[p]Faut arrêter un peu le xhtml les gars[/p]
[/body]

haazheel : moi non pu ça marche pas le w3, chui chez nerim et ça bloque qd je fé un tracert sur le 17 noeud

 
Clair, net, précis, que demander de plus??
 
Donc il est préférable de mettre tous les éléments en position:relative, comme ça ils sont placés en fonction de ceux "du dessus", j'ai bon?

par contre qu'il s'amuse pas à foutre des _ dans les noms

Récopticulons :
 
14/37 qui font du code "strict" (html ou xhtml) ~ 38%

petit problème:
 
je teste pour essayer d'obtenir la même mise en page que mon site, et j'ai deux fichiers:
 
D:\www\essais\index.htm
D:\www\essais\index2.htm
 
La différence entre les deux est dans les 2 fichiers .css:
pour index.htm:
 

 
pour l'autre
 

 
Si je laisse en relative et que je bouge les margin-left et margin-top, la case blanche garde la même hauteur, c'est à dire trop grande...
 
Mais quand je bouge en absolute, je peux bouger les deux paramètres précités et obtenir ce que je veux...
 
Mais question: absolute est-il dépendant de la résolution de l'écran, ou bien calcule-t-il les pixels depuis le coin en haut à gauche de la fenêtre du navigateur?  En gros, si je bouge la résolution, et que je laisse en absolute avec les mêmes paramètres de margin-left et top, ça donnera la même chose??

joce a écrit a écrit :   par contre qu'il s'amuse pas à foutre des _ dans les noms

ne m'en parle pas, j'en ai fait une chiée dessus avant de piger que ct pas standard

Coordonnées absolues = à partir d'une référence. En l'occurrence, la boite englobante (par exemple, le coin supérieur gauche de ton <body>, de coordonnées [0;0])

skylight a écrit a écrit : ne m'en parle pas, j'en ai fait une chiée dessus avant de piger que ct pas standard

je sais
Heureusement moi j'en avais qu'un seul

 
ok, merci...
 
Par contre, j'arrive pas à intégrer du texte dedans... Ya rien qui s'affiche!!

propriétés :
display
z-index
etc.

j'ai rien dit, ça marche...
 
C'est sûr que lorsqu'on regarde l'affichage d'un fichier et qu'on teste sur un autre, c'est dur de voir les changements...

Une question:
 
on utilise quels attributs pour qu'un texte soit centré verticalement à l'intérieur d'un <div>, dont je connais la hauteur??

W3C Compliant a écrit a écrit :

 
Ben ouais, en fait je modifiais le fichier index.htm, et c'était le fichier index2.htm qui était dans IE. Je pouvais rafraichir autant que je voulais, ça changait rien!!  

 
vertical-align:middle;