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 :

Pobleme validation Xhtml Css


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    26
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 26
    Par défaut Pobleme validation Xhtml Css
    Bonjour, je n'arrive pas a faire valider ces lignes :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <td class="style3">
            <a href="#"><div id="bouton1"></div></a>
            <a href="#"><div id="bouton2"></div></a>
    	<a href="#"><div id="bouton3"></div></a>
    	<a href="#"><div id="bouton4"></div></a>
    	<a href="#"><div id="bouton5"></div></a>
    	<a href="#"><div id="bouton6"></div></a>
    </td>
    Voici les erreurs relatives a chaque ligne (la même erreur):
    # Error Line 120 column 20: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

    <a href="#"><p><div id="bouton1"></div></p></a>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


  2. #2
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Salut,

    Tu n'as pas le droit d'être des éléments blocs dans des éléments en ligne.
    les a sont en lignes et les div sont en blocs.

    peut-être peux tu plutot essayer quelque chose comme ca:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div><a...>bla bla</a></div>
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    26
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 26
    Par défaut
    non ca ne marche pas. En fait j'uilise des div pour que sur le hover de la div, mon bouton change d'apparence (géré par des images)

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Février 2005
    Messages
    154
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2005
    Messages : 154
    Par défaut
    défini dans ta css ton a avec display:block;
    il pourra maintenant recevoir des dimensions et tout les navigateur (les plus utilisés) sont compatible avec la pseudo classe a:hover
    et tu peu faire changer ton image d'arriere plan sur le a:hover

  5. #5
    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 dibeloni
    non ca ne marche pas. En fait j'uilise des div pour que sur le hover de la div, mon bouton change d'apparence (géré par des images)
    Le hover sur une balise autre que <a> ne fonctionne pas avec IE.

  6. #6
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    Essaie ceci : tu mets tes 2 images l'une en dessous de l'autre et tu les colles (avec Photoschop ou même Paint), comme ceci par exemple :
    Ensuite dans ton HTML tu fais ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <div id="change_bouton">
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    <a href="#"></a>
    </div>
    et dans ton CSS tu fait ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    #change_bouton a{
    background: url(images/ton_image.gif) no-repeat 0 0;
    height: 30px;/*si ton bouton fait 60px de haut (tu mets la moitité en gros)*/
    }
     
    #lienmenu a:hover {
    background-position: 0 -30px;
    }
    et ça devrait être bon.

    Sinon tu garde tes 2 images et tu fais ceci (pour chaque image):
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <img onmouseout="this.src='ton_image1.gif'" 
    	onmouseover="this.src='ton_image2.gif''" 
    	src="<this.src='ton_image1.gif'" alt="ton_image"/>

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    26
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 26
    Par défaut
    j'ai trouvé ! merci
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="bouton3"><a href="page3.php"><img src="images/bouton3.gif" alt="bouton3" onMouseOver="this.src='images/bouton3b.gif'" onmouseout="this.src='images/bouton3.gif'" /></a></div>

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

Discussions similaires

  1. XHTML - CSS, Be valid or die learning
    Par khayyam90 dans le forum Téléchargez
    Réponses: 0
    Dernier message: 27/02/2011, 20h08
  2. Validation xhtml et css pourquoi ?
    Par lonyc dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 06/11/2008, 01h57
  3. [XHTML] textarea, css et validation XHTML
    Par s.n.a.f.u dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 03/01/2008, 23h00
  4. Validation XHTML / CSS, 7 erreurs..
    Par {F-I} dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 08/09/2007, 12h40

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