Sites pro valides XHTML ?

Sites pro valides XHTML ? - HTML/CSS - Programmation

Marsh Posté le 08-05-2003 à 06:38:48    

Bonjour,
 
Pour mon projet de diplôme, j'aimerais établir une liste exhaustive des sites web professionnels Validés XHTML (strict ou non; français ou non)
 
Pour l'instant, je n'en connais que deux :
 
- www.lycos.de (le site allemand du groupe Lycos)
- www.ami.com (American Megatrends Inc)
 
Pourriez-vous m'aider à agrandir ma liste ?
Merci d'avance


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 08-05-2003 à 06:38:48   

Reply

Marsh Posté le 08-05-2003 à 07:51:47    

www.phiniusgage.com
http://www.webade.co.uk


Message édité par Profil supprimé le 08-05-2003 à 07:59:16
Reply

Marsh Posté le 08-05-2003 à 08:26:32    

Va voir là, il y a une belle liste :  
http://www.maccaws.org/wiki/index. [...] dardsSites
 
Deux exemples (et pas des moindres) :  
http://espn.go.com/
http://www.wired.com/


Message édité par kadreg le 08-05-2003 à 08:26:45

---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 08-05-2003 à 08:42:09    

kadreg a écrit :

Va voir là, il y a une belle liste :  
http://www.maccaws.org/wiki/index. [...] dardsSites
 
Deux exemples (et pas des moindres) :  
http://espn.go.com/
http://www.wired.com/


 
 
Certains des sites mentionnés ne sont pas compliant  :sarcastic:

Reply

Marsh Posté le 08-05-2003 à 10:10:10    

http://www.presence-pc.com
http://forum.hardware.fr
:D
 
(y a juste le code des pubs qui est pas compliant)


Message édité par antp le 08-05-2003 à 10:11:21

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-05-2003 à 14:47:09    

Pour mon projet tut de cette année je dois moi aussi faire un gros site en xhtml :(  
 
Je le fais deja en html et je transformerai aprés en xhtml, ca me semble plus simple (quoique...)

Reply

Marsh Posté le 08-05-2003 à 14:47:48    

aspegic500mg a écrit :

ca me semble plus simple (quoique...)


 
bah non, justement :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 08-05-2003 à 14:56:25    

antp a écrit :


 
bah non, justement :D


 
oui mais je passe deja des heures a depanner mes script alors si en + je dois me demander si l'erreur viens bien du script et non de la syntaxe xhtml, j'ai pas finis :sarcastic:  
 
Je debute completement en xhtml, c'est la premiere fois que j'en fait, ca va etre chaud (mais on est plusieurs sur le site donc ca va)

Reply

Marsh Posté le 08-05-2003 à 15:08:03    

A mon avis, ce sera bien plus simple de le faire directement en XHTML... tu devras tout recommencer à zéro si tu le fais en HTML (sauf si ton HTML est propre et valide... et dans ce cas, autant faire du XHTML !)
 
Pour la liste de kadreg, c'est un bon outils en effet. Je ne les ai pas vérifiés, mais il me semble qu'ils prennent en compte les XHTML Transitionnal... ce qui en soi ne me gêne pas ;)


Message édité par sibelius le 08-05-2003 à 15:10:53

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 08-05-2003 à 15:12:04    

SIBELIUS a écrit :

A mon avis, ce sera bien plus simple de le faire directement en XHTML... tu devras tout recommencer à zéro si tu le fais en HTML (sauf si ton HTML est propre et valide... et dans ce cas, autant faire du XHTML !)
 
Pour la liste de kadreg, c'est un bon outils en effet. Je ne les ai pas vérifiés, mais il me semble qu'ils prennent en compte les XHTML Transitionnal... ce qui en soi ne me gêne pas ;)


 
Bah je suis toujours rigoureux dans mon html,je met les guillemets partout,je ferme bien toutes les balises, je fais les fonctions proprement,etc etc..
 
Y'a tant de choses a rajouter pour le xhtml? :??:

Reply

Marsh Posté le 08-05-2003 à 15:12:04   

Reply

Marsh Posté le 08-05-2003 à 15:14:51    

Ben oui : il faut entièremetn séparer le contenu de la mise en forme.
 
En clair et en exagérant, ta page web n'aura que des div et tout le visuel sera géré à côté sur la feuille de style (= pas de tableaux, pas de fonts, pas de width, height, color... dans le document XHTML)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 08-05-2003 à 15:19:55    

en HTML c'est pareil, s'il le fait en HTML 4 Strict
HTML 4 Strict + toutes les balises fermées + tous les tags/attr en minuscules = XHTML 1 strict
HTML 4 Transitionnel idem pour XHTML Transitionnel
donc faut voir si tu veux du strict ou non, mais dans les deux cas je vois pas l'intérêt de le faire en deux étapes


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 10-05-2003 à 01:06:48    

SIBELIUS a écrit :

Ben oui : il faut entièremetn séparer le contenu de la mise en forme.
 
En clair et en exagérant, ta page web n'aura que des div et tout le visuel sera géré à côté sur la feuille de style (= pas de tableaux, pas de fonts, pas de width, height, color... dans le document XHTML)


 
Ah bon ??
 
J'ai fais un site en xhtml 1.1 et mon tableau est pourtant dans le document xhtml...

Reply

Marsh Posté le 10-05-2003 à 01:18:48    

HotShot a écrit :

"pas de tableaux" sous-entendu "pour autre chose que la présentation de données tabulaires"


 
Oui oui...  :sarcastic:  
 
Les divs c'est bien sympa, mais parfois utiliser un piti tableau pour la mise en page est encore pratique ! :kaola:
 
En plus si on en n'abuse pas, je ne vois vraiment pas où est le mal ?
 
Toi quand on te parle de mise en page avec tableaux, tu pense tout de suite aux sites bourré de table, td, tr dans tous les sens ?
 
 
Pour le site, j'utilise un tablo a 2 colonnes, et dans la colonne de droite y'a trois lignes, donc si tu compte les td, tr, ça fait pas bcp je trouve.
 
 :hello:


Message édité par Profil supprimé le 10-05-2003 à 01:19:28
Reply

Marsh Posté le 10-05-2003 à 01:30:36    

RaTo02 a écrit :

En plus si on en n'abuse pas, je ne vois vraiment pas [b]où est le mal ?[/g]

Nulle part, c'est juste une question de priorités. Si tu investis un peu de temps pour voir comment ton layout peut être fait avec des <divs>, tu auras au moins deux avantages :
* le navigateur peut commencer à afficher le texte avant d'avoir fini le formatage de la table
* si tu veux réarranger ton layout, par exemple rajouter une boîte sous ta colonne de droite, tu peux le faire par le stylesheet plutôt qu'en changeant du code.

Reply

Marsh Posté le 10-05-2003 à 01:34:06    

HotShot a écrit :

En l'occurrence, pour qqch d'aussi "simple", les <div> sont tout aussi efficaces  


... et Accessibles à tous ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 01-06-2003 à 01:05:22    

Sibelius, si tu veux tu pourra bientot ajouter 1 nouveau site, voir 2 dans ta liste de site pro validé xhtml !  :)  
 
Les sites n'ont pas encore leur nom domaine, ni d'hebergement.
Mais si tu veux avoir un avant-goût, tu peux me MP.
 
a+

Reply

Marsh Posté le 01-06-2003 à 06:29:38    

En attendant, j'ai fait ma petite liste ici : http://www.alsacreations.com/standards.php
 
... et y'a pas beaucoup de sites pros francophones ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 01-06-2003 à 10:04:57    

y a un bug avec ta liste sous Opéra, il met un espacement plus important que les autres browsers pour les listes, je te laisse imaginer ce que ca donne.

Reply

Marsh Posté le 01-06-2003 à 12:11:23    

SIBELIUS a écrit :

En attendant, j'ai fait ma petite liste ici : http://www.alsacreations.com/standards.php
 
... et y'a pas beaucoup de sites pros francophones ;)


 
Ben ça sera un site francophone  :hello:

Reply

Marsh Posté le 02-06-2003 à 00:28:11    

gizmo a écrit :

y a un bug avec ta liste sous Opéra, il met un espacement plus important que les autres browsers pour les listes, je te laisse imaginer ce que ca donne.


OUi en effet, cette page passe très mal sous Opera : mon bloc de droite "passe par-dessous" mon séparateur-footer au-lieu de s'y arrêter
http://www.zoomduweb.com/cap1.jpg
 
Une solution ???  :??:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 00:28:53    

oui, diminuer les marge et le padding de la liste.

Reply

Marsh Posté le 02-06-2003 à 00:30:20    

gizmo a écrit :

oui, diminuer les marge et le padding de la liste.


Ben justement, il n'y a aucun défaut de marges apparemment : seulement le bloc qui "dépasse"  :pt1cable:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 00:33:08    

c'est bien ce que je dis. tu n'en n'a pas spécifié dans ton CSS (à part une marge à gauche), donc Opéra prend les marges et padding qu'il veut. Rajoute ces infos dans ton css et ca devrait rouler.

Reply

Marsh Posté le 02-06-2003 à 00:37:23    

Ben euh ça roule pas trop en fait :
 
avec un  
ul {
padding:0;
margin:0;
}
 
J'ai :
- plus de puces sous IE
- le même pb sous Opera
- aucune différence sous Moz
 
 :cry:


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 00:45:27    

pour le li
line-height: 0.8em voir 0.7

Reply

Marsh Posté le 02-06-2003 à 00:53:20    

là je suis en 0.8 et c'est :
- illisible sous IE et Moz
- toujours très espacé sous Opéra... et le bloc passe toujours au travers de mon séparateur de bas de page :(


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 01:20:19    

Bon, j'abandonne pour ce soir, je verrai ça demain


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 14:35:01    

Toujours pas de solutions à l'heure actuelle  :(


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 14:49:17    

dans ton style actuel, tu as ça:
 

ul {
padding:0;
margin-left: 18px;
line-height: 1em;
}
li {
line-height: 1.2em;
margin-left: 0;
list-style-type: square;
}

 
avec un line-height de 1.2em, c'est normal qu'opera fasse des espaces aussi grands, ce sont les autres qui font des espaces trop petit par rapport à ce qui est demandé.

Reply

Marsh Posté le 02-06-2003 à 16:00:26    

gizmo a écrit :

dans ton style actuel, tu as ça:
Bla bla
 
 
avec un line-height de 1.2em, c'est normal qu'opera fasse des espaces aussi grands, ce sont les autres qui font des espaces trop petit par rapport à ce qui est demandé.


 
Euh, oui, mais j'ai dû remettre des valeurs normales puisqu'en 0.8 c'était complètement illisible sous IE/Moz et les espaces étaient tout aussi grands sous Opera


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 16:03:48    

ca n'est pas normal, parce qu'avec ta page, j'ai fait les test chez moi et ca restait lisible sur les autres.

Reply

Marsh Posté le 02-06-2003 à 16:05:31    

Bon, je retente le coup ... à dans 2 min ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 16:07:12    

j'ai rien dit, je n'avais pas pris tout le code de ta page. Il y a une merde ailleurs aussi.

Reply

Marsh Posté le 02-06-2003 à 16:15:32    

Yep, je pense aussi
 
J'ai essayé avec le fameux spacer en clear both pour que rien ne passe par dessus mon footer, mais rien à faire :(


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 16:49:21    

trouvé! c'est ton height dans la classe conteneur qui fout la merde. si on le vire y a plus de problème avec les liens, par contre, il faut placer cette hauteur ailleur si tu ne veux pas que ce soit le bordel avec ta classe menuint (et pourquoi pas dedans?)

Reply

Marsh Posté le 02-06-2003 à 16:56:36    

Hum, c'est possible en effet car j'avais déjà eu des problèmes avec le height : au départ je n'en avait pas imposé et ça foutait la merde aussi.
 
Que veux-tu dire par "et pourquoi pas dedans?" ?
Tu veux dire donner une height à menuint ? ... je teste ;)


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 17:02:49    

Yep, je crois que tu as gagné en effet.
ça pose des problèmes pour mon separateur2 du bas, mais je pense que c'est facile à régler avec un clear


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 17:14:49    

Ben merde, c'est quoi ce bordel : mes backgrounds ne vont plus jusqu'au bout de la page !!!


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 02-06-2003 à 17:31:56    

Non, rien à faire : il FAUT que je donne une valeur à ma height de conteneur, sinon les 3 backgrounds des blocs gauche et droit ne vont pas jusqu'au bout... donc le pb reste entier


---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed