IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

La validation XHTML "brise" la présentation de ma page


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    74
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Octobre 2006
    Messages : 74
    Par défaut La validation XHTML "brise" la présentation de ma page
    Bonjour,

    J'ai une page web que je suis en train de refaire, et je veux qu'elle soit valider selon les normes xhtml strict...

    Lorsque je me plis à ces normes, ma page n'est plus très jolie

    vous pouvez voir le tout a www.neotechinformatique.com

    (le .css est situé à ./website.css)

    vous pouvez aussi voir ce que la page devrait avoir l'air à www.neotechinformatique.com/profil.html

    Avez vous une idée de ce que je fais qui est incorrect??

    Merci

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par FadeOut Voir le message
    Avez vous une idée de ce que je fais qui est incorrect??
    Développer pour IE.

    De plus, enlève la déclaration XML qui passe IE en mode Quirks.
    Si tu veux plus d'explications, je te propose un peu de lecture qui ne te fera pas de mal sur les bases du HTML :
    http://j-willette.developpez.com/tut...bases-du-html/

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par FadeOut Voir le message
    Avez vous une idée de ce que je fais qui est incorrect??
    Citation Envoyé par FadeOut Voir le message
    vous pouvez aussi voir ce que la page devrait avoir l'air à www.neotechinformatique.com/profil.html
    Coder sans Doctype.

    Citation Envoyé par FadeOut Voir le message
    Lorsque je me plis à ces normes, ma page n'est plus très jolie
    Trop tard.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    74
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Octobre 2006
    Messages : 74
    Par défaut
    donc, si je comprends bien, j'enlève le <?xml au début... et je refais le .css pour reprendre la mise en page?

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2006
    Messages
    74
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Octobre 2006
    Messages : 74
    Par défaut
    Bon, j'arrive presque à une solution, mais j'ai deux problème...

    je ne peux reformater mes liens <a href> dans mon menu de droite avec l'attribut width (j'ai essayé de mettre un div dans le a, ça marche, mais ce n'est pas accepté en xhtml strict)

    et je ne suis pas capable de voir le <div class="content"> qui devrait s'affifcher à droite du menu...

    est-ce que vous avez des suggestions

  6. #6
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonjour

    Citation Envoyé par FadeOut Voir le message
    Bon, j'arrive presque à une solution, mais j'ai deux problème...

    je ne peux reformater mes liens <a href> dans mon menu de droite avec l'attribut width (j'ai essayé de mettre un div dans le a, ça marche, mais ce n'est pas accepté en xhtml strict)
    Tu supprimes le div et tu attribut au <a> la propriété suivante :

    Citation Envoyé par FadeOut Voir le message
    et je ne suis pas capable de voir le <div class="content"> qui devrait s'affifcher à droite du menu...
    Pour ça il faut que tu mettes un float:left sur <div class="leftmenu"> : en effet tu fait flotter content mais si tu ne fais pas flotter leftmenu tout ce qui se trouve après ira à la ligne...

    Et pour éviter que <div class="body"> ait alors une hauteur nulle donne lui un contexte de formatage (une petite recherche sur ce terme) avec :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    div.body {
             overflow:hidden;
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Article] Liste des balises et de leurs enfants pour une validation XHTML 1.1
    Par giminik dans le forum Publications (X)HTML et CSS
    Réponses: 12
    Dernier message: 12/02/2018, 15h11

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo