Reprise du message précédent :
Ben même en XHTML 1.0 strict ça passe :

 
J'ai l'impression que le validateur coince quelque part sur ton code. Ça arrive des fois...

Ha ouais t'as mis "onclick" alors que Fred avait mis "onClick".
En XHTML tout doit être en minuscule

Cf. mon post précédent. L'erreur attribuée à un élément vient parfois de l'élément qui le contient, ou qu'il contient... faut parfois chercher 10 ou 100 lignes avant...

antp a écrit a écrit : Ha ouais t'as mis "onclick" alors que Fred avait mis "onClick". En XHTML tout doit être en minuscule

Bien vu !

C'est vrai, je viens de modifier ... connerie ;-)
 
Sinon, Comment on fait pour afficher du texte dans la barre de tâches quand la souris passe sur un lien ?
onmouseover ?

 
Vachement utile Perso c le genre de trucs qui me fait chier : normalement, ca affiche le chemin du lien, donc on peut savoir si c un fichier jpg, une page html, ou autre quoi... quand t'as un putain de petit message à la con, tu t'attends à te retrouver avec des popups, des sites de cul, que sais-je

D'ailleurs pour tes liens, tu devrais faire
 
<a href="page.html" onclick="window.open('page.html', ...);return false;">
 
comme ca le gars qui a le Javascript désactivé pourra quand même voir la page, et grâce au return false le lien ne sera pas utilisé par ceux qui supporte le javascript.
ça permet aussi à quelqu'un de forcer à ouvrir le lien dans un nouvel onglet dans Mozilla par exemple.

Parfait, c'est exactement ce que je cherchais ;-)
 
En fait, W3C, c'était parce que lorsque je passe sur le lien il me mettait dans la barre de tâche '#', et je voulais y mettre la vraie URL, en utilisant javascript.
 
Le code final :
<a href="http://www.newdimension-fr.net" onclick="window.open('http://www.newdimension-fr.net';return false;">
Et ça marche super bien, merci à tous ;-)
 
Sinon, donc, pour afficher du texte dans la barre de tâches, on fait comment ? J'ai essayé sans succès ceci :
onmouseover="window.status='blablabla'"

onmouseover="javascript: window.status='blababla'; return true;" onmouseout="javascript: self.status=''; return true;"

Je poursuis mes recherches sur le CSS
Pour ceux qui voudraient s'informer, les qques liens du post :
 

• http://www.yoyodesign.org/doc/w3c/css2/selector.html
• http://glish.com/css/#techniques
• http://www.mozilla.org/start/1.0/demos.html
• http://glandium.org/html/

D'ailleurs, je ne vois dans les tutoriel que des positions absolues :

Comment puis-je par exemple lui dire que son tableau est à 10% du bord, ou qu'il fait 20% de la largeur ?

C'est plutôt le contraire... Tous les navigateurs sauf IE gèrent correctement le PNG transparent.

margin-left: 20%
 
...
 
http://www.yoyodesign.org/doc/w3c/css2/box.html

Bon, j'arrive à obtenir le même résultat en CSS qu'avec des tables ;-)
http://www.toutfr.com/veekee/test.html
 
Si ma feuille CSS se valide parfaitement, l'XHTML n'est par contre pas validé :
http://validator.w3.org/check?uri= [...] /test.html
 
La feuille CSS c'est par là :
http://jigsaw.w3.org/css-validator [...] /test.html
 
Il me dit que je ne déclare pas les id que j'utilise dans mes balises div ... comment les déclarer ?
Ensuite, certaines caractéristiques doivent être utilisées pour plusieurs champs, c'est le cas de l'ID newsbody et newstitle. Mais le validateur me dit que je ne peux pas utiliser plusieurs fois le même ID ... comment faire ?
 
Dès que j'aurais réglé ces quelques problèmes, c'est parti pour le CSS multiple ;-)

Boudiou, c pourtant pas dur le HTML... faut lire la doc... Read The Fucking Manual...
 
ID désigne un élément unique (donc un style pour une balise). Pour affecter le même style à plusieurs balises, faut remplacer id par class.

Très bien, je le ferais ...
Mais pour ce qui est de la déclaration des ID on fait comment ?
 
Et puis le fuckin' manual fait 654946514 pages ;-)

 
Le fuckin manual est un fichier d'aide de 270 Ko... ou sinon, HTML 4 pour les nuls, dans toute bonne librairie (65 balles)

OK merci, ke vais me le procurer ;-)
 
En attendant on fait comment pour déclarer les ID ?

Moi je met directement :
<div id="kekechose">...</div> et le validateur me met une erreur :
 
... euh, non j'ai rien dit, les erreurs du validateurs sont celles de la répétition de mes ID, je vais corriger tout ça merci ;-)
 
Je viens de rectifier et maintenant tout marche ... parfait !
http://www.toutfr.com/veekee/test.html
 
J'aurais juste encore une petite question :
J'ai mes deux petites images XHTML et CSS, que j'aîmerais voir apparaître en bas de page, centrés : comment faire avec un div ?
 
PS : comme tu as appris le XHTML/HTML ? Tu t'es tapé le bouquin de A à Z ?

T'es obligé d'utiliser un <div> pour centrer des images ?  
 
Sinon, j'ai appris ben heu... j'en sais rien... y a 2 ans j'ai emprunté le bouquin HTML 4 pour les Nuls à la BU de ma fac... et puis sinon, j'ai traîné sur le net pour me mettre au XHTML...

Juste savoir, comment on fait pour centrer un div ... ça peut servir à autre chose, à du texte, un tableau, tout ça ... j'ai beau centrer l'image, si le div n'est pas centré ça ne sert à rien.
Et surtout, pour l'avoir en tout bas de page, on s'y prend comment ?

 
Perso je n'utilise JAMAIS les <div> pour centrer... les attributs genre "text-align:center;" du CSS suffisent  
 

 
Ben tu le mets en dernier

Tous les éléments de ma page sont des <div> en position absolue, donc si je mets simplement mes éléments en fin de page ça ne marche pas ... en effet si je les mets simplement en fin de code sans div, les images sont sous le reste, elles restent en haut de la page ...

Ben tu définis une position absolue par rapport au bottom de ta page...

Quand je mets :
position: absolute;
bottom: 0;
 
Ca me place mes images en bas de la fenêtre affichée, pas en bas de la page du tout ...

C'est quoi la différence ?

 
c'est normal, toutes le valeurs sont fonctions de l'écran et pas de la page. Ensuite, pour centrer une image, essaye de la déclarer comme block avec display:block;

Essaye ça :  

gm_superstar, tu n'as pas vraiment compris mon pb. Regardes ma page :
http://www.toutfr.com/veekee/test.html
 
Tu comprendras tout de suite la différence ... en effet, les images ne sont pas affichées en bas de page, mais en bas d'écran.
 
Le CSS est très pratique pour les blocs simples en absolute, mais je n'ai pas encore réussi à utiliser le position: relative, qui devrait normalement formatter tout cela comme des tableaux plus que comme des calques, et c'est ce que je cherche. Je vais me documenter un peu ;-)

Ben c'est encore plus simple alors :

 
Plus besoin de style pour <img>. Mais cette fois ci tu dois mettre le <div> à la fin de ton code.

Si je fais ça, mes images n'apparaîssent même plus ... je vais me lire deux-trois docs et je reviens (avec j'espère, une solution ;-))

Ben c'est normal, ton style #footer ne contient pas width: 100%; et text-align: center; comme je te l'avais indiqué.
 
Mais en fait ça ne va pas résoudre ton problème parce que tu as déclaré tous tes <div> précédents en position: absolute et du coup ton <div id="footer"> se retrouve tout en haut de la page car c'est le seul dans le flux normal.
 
Au lieu d'utiliser un positionnement absolu pour tes boîtes regarde du coté de la propriété float comme dans les exemples donnés sur glish.com

Je suis en train de bosser dessus :
http://www.yoyodesign.org/doc/w3c/ [...] e-position
 
Merci de votre aide

Ou alors, autre solution, créer un <div> d'une hauteur déterminée mais qui ne contient rien et qui s'inscrit dans le flux normal (donc pas en position absolue). En suite le <div id="footer"> ira se placer après ce <div>, en bas de la page.

Je suis en train de bosser sur les positions relative ... ça marche pas trop mal, mais j'ai du mal à mettre côte à côte deux div. Alors j'ai créé un div en position relative, dans lequel je mets mes deux div en position absolute, mais finalement ils ne remplissent pas l'espace et mon dernier champ vient s'encastrer lamentablement en entête des deux autres div
 
Mais on avance ... ma page est toujours là :
http://www.toutfr.com/veekee/test.html
 
J'ai aussi pensé à mettre mes deux blocs de texte et de news en relative, mais celui de news vient se mettre sous celui de texte. Et comme je ne sais pas à l'avance la place qu'occupera le champ texte ...

pt1 vous m'impressionez les mecs !!
ce soir vais m'acheter un book sur les css paske marre des tables

Moi g horreur des <div> mais g l'impression que vous aimez bien ça lol.
J'utilise o max les <table>. C mal ?

 
OUI!
 tu peux les utilisé pour facilité la compatibilité avec certains browser, mais ca ne sert pas à faire de la mise en page.
 
- fred - > regarde du coté des float...

J'ai regardé du côté des floats ... c'est très bien, mais ça ne remplit pas le fulx, tout comme les absolute. En fait, lorsque je mets par exemple mon champ news en float, il s'align bien à droite ou à gauche, mais ... 'tain il reste toujours en dessous du champ texte
 
D'ailleurs, je ne comprends pas pourquoi le champ news se colle à 30px à peu près de mon texte ... j'ai mis en ligne le bug pour que vous voyez, j'arrive à rien là (je l'ai aligné à gauche pour qu'on voye bien) ... par contre le code est toujours valide, et j'ai bien mes pitites images en bas, centrées
http://www.toutfr.com/veekee/test.html
 
Sinon, oui je commence à aprécier les <div>, mais je les apprécierais bien mieux lorsque tout cela marchera correctement
D'ailleurs tu peux déjà voir l'intérêt du CSS dans mon code source : pas un élément Font, pas un élément IMG, rien que du contenu et deux-trois balises de délimitation de champs, et (avec un peu d'expérience ) tu arrives à tout faire avec ton CSS ! Et ceci dit, le CSS est à terme bien plus puissant qu'un système de tables ... par contre, tu te tapes le code à la main
Et je livre le code source, bien entendu ...

Ok, dis moi comment tu veux que tout cela se positionne exactement, et je vais te faire une maquette.

Très simple : je veux que le block de news se place verticalement au niveau du bloc de texte, et horizontalement à droite, indépendament du contenu qui occupe le champ texte.
 
Je viens d'uploader la dernière version du code, tu peux télécharger test.html et complex.css ...
 
J'y pense, s'il y a des validateurs HTML, y-a-t il des validateurs javascript, vérifiant si l'on respecte vraiment les standarts ? Parce que M$ a sûrement dû mettre son nez là dedans aussi non ...