XHTML et CSS sur mon site...

Discussion dans 'Problèmes de référencement spécifiques à vos sites' créé par jobetudiant, 30 Juin 2004.

  1. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bonjour à tous et toutes...
    J'ai décidé de me lancer et de passer tout mon site à XHTML et Css.... c'est dur, mais j'y travaille...

    Voilà un premier jet :
    http://www.jobetudiant.net/essaiXHTML.html

    Comme vous le verrez, j'ai des petits problèmes... Je vous mets le code source :
    Le XHTML:
    et le Css:
    Si des esxperts pouvaient me donner un coup de main... ca serait bien gentil de leur part...

    Merci!
     
  2. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Bravo pour cette décision !

    Tu peux peut-être déjà commencer par essayer de régler les points indiqués par -http://validator.w3.org/check?uri=http://www.jobetudiant.net/essaiXHTML.html

    Les aspects cosmétiques sont assez secondaires.
     
  3. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bon, bien, tout ca est corrigé... mais ca ressemble toujours pas à ce que ca devrait!
     
  4. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Heu, ben, non... je veux pas que mon site devienne moche juste pour se plier aux standards...
     
  5. juliofromlille
    juliofromlille WRInaute occasionnel
    Inscrit:
    15 Février 2004
    Messages:
    339
    J'aime reçus:
    0
  6. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Ce n'est pas ce que j'ai dit.

    Mais chercher à faire un design qui soit en tout le même que celui que tu avais avant ne sera pas forcément possible.

    La manière de penser une mise en page en XHTML est complètement différente de ce qui se fait pour du HTML... C'est surtout à ce niveau là que la transition va te poser quelques soucis au début.

    Pose-toi les bonnes questions. Par exemple : "est-il vraiment avantageux d'utiliser des images pour encadrer le contenu ? Ne serait-il pas à la fois plus simple et plus avantageux d'utiliser tout simplement un "border" dans la CSS ?"

    Enfin, n'oublie pas de tester sous différents navigateurs. Actuellement, les bugs d'affichage que tu signales ne sont pas les mêmes sous Mozilla et sous IE.
     
  7. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bon, est-ce que quelqu'un sait comment supprimer ces contours autour de mes liens images?

    Et puis aussi comment on fait pour répeter les images des cotés?
     
  8. juliofromlille
    juliofromlille WRInaute occasionnel
    Inscrit:
    15 Février 2004
    Messages:
    339
    J'aime reçus:
    0
    img{
    border: 0;
    }

    backgroound-repeat: repeat; Vérifie la syntaxe tu peux aussi faire du repeat-x, ou y
     
  9. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Oki, merci... ca avance doucement mais surement!

    Bon j'ai uplaodé la dernière version à jour....

    Il reste toujours le probleme du fond qui ne se repete pas sur les cotes...En fait ca vient surement du fait que ma div ne prends pas la taille maximale... comment faire?

    Une autre question, pourquoi mes images mettent du temps a se recharger (boutons) alors qu'elles l'ont déjà été?

    On touche au but:

    http://www.jobetudiant.net/jobV5_styles_XHTML.css
    et
    http://www.jobetudiant.net/essaiXHTML.html

    Merci de votre aide...
     
  10. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Euh... je ne voudrais pas te démoraliser (je trouve ça génial que tu aies décidé de te lancer dans le XHTML !) mais aujourd'hui, il n'y a plus que la partie haute de ton site qui s'affiche :-(

    Je n'ai pas testé sous IE mais faire du XHTML pour que ce ne soit visible que sous IE, ça serait un parfait contre-sens...
     
  11. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Effectivement... mais là d'où je suis je n'ai que IE... je teste avec FireFox, Mozilla, Opera et Safari ce soir.

    En revanche, c'est quand même dommage que je sois XHTML strict Valide, et que cela ne s'affiche pas sous ce que tu utilises!
     
  12. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Effectivement... mais là d'où je suis je n'ai que IE... je teste avec FireFox, Mozilla, Opera et Safari ce soir.
     
  13. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    J'utilise surtout Mozilla, qui est connu pour respecter les standards du Web et pour afficher les pages web en interprétant correctement le code source (ce qui permet aux webmasters de savoir comment leur page s'affichera et de coder en toute confiance, en appliquant les normes).

    Ce que je trouve dommage c'est plutôt qu'IE affiche des pages en interprétant le code source à sa manière personnelle... Puisque là, en tant que webmasters, nous sommes obligés de nous livrer à toutes sortes d'astuces parfois vraiment tirées par les cheuveux pour que nos pages s'affichent correctement sous IE.

    Le problème que je t'ai signalé n'est pas lié à Mozilla, ni au XHTML. Ce qui est "anormal" c'est que ton site s'affiche de manière conforme au design que tu avais en tête sous IE. Il faut faire attention à ne pas confondre XHTML valide et code sémantique ou design réussi... même si beaucoup de gens font encore cette erreur.
     
  14. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Oki.... mais alors, où est le problème?

    J'ai cru comprendre que c'était le balise <div> ou <span> qui étaint à la fois imbriquées dans une autre et vides qui n'étaient pas interprétées... Comment faire?
     
  15. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Je n'ai pas le temps de voir dans le détail. Mais comme je te l'ai dit avant, le problème vient sûrement du fait que tu as essayé de traduire du HTML en XHTML alors que ces deux langages ont une logique de fonctionnement complètement différente.

    Je peux te donner un conseil par contre : évite de développer en testant principalement sous IE. Garde le juste sous la main (de toute manière sous Windows il ne risque pas de s'envoler...) pour voir de temps en temps s'il ne fait pas n'importe quoi.
     
  16. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bon... ca commence a ressembler a quelque chose sérieusement..

    Sauf que j'ai toujours pas ces £-*$ de bords qui se répètent.... Quand je mets une taille pour la div qui les contient (genre 100px), ils s'agrandissent... Le problème c'est que je ne peux jamais savoir combien ils doivent mesurer vu que le contenu va etre dynamique...

    HElp!!
     
  17. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Perso, j'oublierais l'utilisation d'une image pour les bords. Plus simple, plus propre, plus léger... Si encore c'était une image vraiment originale, mais dans ton cas je ne vois pas trop ce que ça apporte si ce n'est des soucis ;-)

    Courage ! Ca va finir par marcher :)
     
  18. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bon.... je vais voir, y'a moy de faire un contour que sur les cotés?
     
  19. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    border-right et border-left sont tes amis ;-)

    Sinon, un autre conseil : promène toi sur quelques sites XHTML bien faits et étudie un peu leurs sources. C'est extrêmement formateur !
     
  20. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bon, j'ai fait avec Border-right et border-left...

    J'ai un leger decalage de couleur mais je devrais survivre... Par contre, malgré mes longs efforts, j'arrive pas à me debarrasser de ces espaces au dessus et au dessous de mes bordures...

    http://www.jobetudiant.net/essaiXHTML.html
     
  21. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Hop...

    Ca y est je crois que le résultat est là... Il ne reste plus qu'à intégrer le contenu maintenant!
     
  22. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Tu as un tout petit problème de couleur entre les borders et les images du contour en haut et en bas. Trois fois rien mais tant qu'à faire... ;-)

    En tout cas, FELICITATIONS !
     
  23. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Oui, je sais, j'arrive pas à trouver le bonne couleur en HTML.... snif! L'idéal serait une image :twisted:
     
  24. wap
    wap WRInaute impliqué
    Inscrit:
    1 Mai 2004
    Messages:
    550
    J'aime reçus:
    0
    Héhé. Tu peux faire l'inverse : tu choisis une couleur HTML qui te va et tu modifies en conséquence les images que tu utilises ;-)
     
  25. jobetudiant
    jobetudiant WRInaute discret
    Inscrit:
    24 Mai 2004
    Messages:
    247
    J'aime reçus:
    0
    Bon, ca y est, je passe petit à petit mes pages en XHTML Css.. Encore quelques petites imperfections, maix ca vient.

    Par contre, c'est très très bizarre, mais j'ai l'impression facheuse que IE ne mets pas en cache ma page css... donc il la recharge poiur chaque nouvelle page du site, c'est un peu couillon, non? commen faire alors pour l'obliger à garder les styles d'une pae sur l'autre?
     
  26. Juxener
    Juxener WRInaute discret
    Inscrit:
    17 Mars 2004
    Messages:
    189
    J'aime reçus:
    0
    Je laisse juste un petit post pour féliciter et encourager cette initiative, j'ai passé www.jsand.net en XHTML-CSS il n'y a pas longtemps et bien que ce soit bcp de choses à apprendre, c'est extrémement formateur quant à la création de VRAI site web :) !

    Courage :) !
     
Chargement...
Similar Threads - XHTML CSS Forum Date
Formulaire mail xhtml et css avec fichier php : soucis Développement d'un site Web ou d'une appli mobile 20 Avril 2011
Transformer un template de xhtml/css en php Développement d'un site Web ou d'une appli mobile 30 Août 2010
Balises plus efficace en XHTML ou en CSS ? Débuter en référencement 4 Mars 2009
XHTML 1.0 strict & CSS, style height avec la norme Développement d'un site Web ou d'une appli mobile 13 Juillet 2008
css/xhtml: pied de page ne se colle pas avec le corps Développement d'un site Web ou d'une appli mobile 26 Janvier 2008
Avis structure xhtml + css Demandes d'avis et de conseils sur vos sites 5 Décembre 2007
Quel est l'intérêt d'avoir un site validé w3c (xhtml/css) ? Développement d'un site Web ou d'une appli mobile 17 Décembre 2006
Un site valid XHTML 1.0 et CSS est'il mieu vu par google ? Débuter en référencement 5 Août 2006
Html, xhtml, javascript et css Développement d'un site Web ou d'une appli mobile 18 Juillet 2006
css et xhtml sos ! Développement d'un site Web ou d'une appli mobile 29 Juin 2006
Cadeaux : 2 logos pour vos pages validées w3c xhtml et css Développement d'un site Web ou d'une appli mobile 1 Février 2006
CSS, XHTML, accessibilité, normes web et référencement Développement d'un site Web ou d'une appli mobile 25 Novembre 2005
CSS3 ET XHTML Développement d'un site Web ou d'une appli mobile 9 Septembre 2005
Problème XHTML/CSS insoluble Administration d'un site Web 2 Mai 2005
Signatux, un livre d'or XHTML CSS ! Administration d'un site Web 6 Février 2005
XHTML | CSS - Astuces pour contourner les Bugs de IE Administration d'un site Web 4 Octobre 2004
XHTML, CSS Administration d'un site Web 2 Octobre 2004
Mise en page XHTML/CSS 3 cols ok sous IE5/6, opera, moz... Administration d'un site Web 28 Septembre 2004
Création d'une structure libre de site en XHTML / CSS Administration d'un site Web 6 Mai 2004
xhtml/css ... C'est trop tot pour les utiliser...? Administration d'un site Web 16 Février 2004