Version complète: sur le forum Webmaster Hub : erreur w3c avec la balise p
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > (X)HTML et CSS
Mado
bonjour, je comprends pas ce que ca veut dire, je peut pas utiliser p avec class?



Line 43, column 17: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

<p class="hidden">| Portfolio |</p></a>


merci

marie
kooliss.net
Bonjour,

A ce que je vois, tu devrais inverser la balise </a> et </p> mais le petit bout de code ne nous apprend pas assez de choses.
Hadrien
Il ne me semble pas qu'il soit autorisé de mettre des paragraphes dans des liens.
kooliss.net
CITATION(Hadrien @ jeudi 02 septembre 2004, 10:58)
Il ne me semble pas qu'il soit autorisé de mettre des paragraphes dans des liens.

mais l'inverse est vrai donc ça devrait résoudre le probleme smile.gif
Mado
oui merci grace a vos reponses precedentes vous m'avez mis la puce a l'oreille

faut mettre <p><a>vvvvv</a></p>

et non <a><p>.... </p></a>


mici a tous
c'est good

marie
Gribouille26
C'est pas la puce, mais le réponse qu'ils t'avaient mise à l'oreille.... tongue.gif
Raphael
Effectivement : <a> est une balise en-ligne. Elle ne peut donc pas contenir de balises bloc comme <p>
Mado
bonjour y'a un truc bizarre tout de même, parce que quand je remets tout ok les rollover ne fonctionnent plus

wacko.gif

ca peut venir de quoi?

mici
Mado
please

pourquoi mon rollover fonctionne quand j'ecris ca

<div id="folio"><a href="cv.htm"><p class="hidden">| Portfolio|</p></a></div>

et c'est tout faut

et que ca ne fonctionne pas quand j'ecris ca

<div id="folio"><p class="hidden"><a href="book.html" class="folio">| Portfolio |</a></p></div>

voila la css

#folio
{position:absolute;
top: 0px;
width: 122px;
height: 121px;
}

#folio {
background: url(design/haut_folio2.jpg) top left no-repeat;
left: 0px;}

#folio a {
display: block;
width: 100%;
height: 100%;
background: #EAEAEA url(design/b001.jpg) top left no-repeat;
color: #000000;
}
#folio a:hover {
background: transparent none;
}
p.hidden { position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
merci

je suis perdue la

Marie
Monique
Bonjour,

Avec ton code, les valeurs calculées (en %) de la classe "folio" sont calculées sur rien.

Comme ceci, le rollover fonctionne

HTML
<p id="folio" class="hidden"><a href="book.html" class="folio">| Portfolio |</a></p>
Mado
merci Monique mais quand je fais ca le rollover fonctionne mais on voit le titre portfolio


wacko.gif
Mado
on peut mettre id et class dans la meme balise?

peut etre que j'aurai du utliser ul et li a la place de p pour que ca fonctionne correctement

je crois que la solution la ca va etre d'enlever le rollover ...

merci
Sylvain Trovalet
ce serait pas plutôt ça ??

CODE
<p id="folio"><a href="cv.htm"><span>| Portfolio|</span></a></p>


CODE
#folio
{
position:absolute;
top: 0px;
width: 122px;
height: 121px;
background: url(design/haut_folio2.jpg) top left no-repeat;
left: 0px;
}

#folio a {
display: block;
width: 100%;
height: 100%;
background: #EAEAEA url(design/b001.jpg) top left no-repeat;
color: #000000;
}
#folio a:hover {
background: transparent none;
}
#folio span
    {
 visibility:hidden;
    }
Sylvain Trovalet
bon finalement je m'excuse je suis allé trop vite.
Après recherche j'ai déniché ça :http://blog-and-blues.org/weblog/2004/08/1...iere-accessible
qui évidemment était déjà dispos sur le hub

au lieu de :
CODE
#folio span
{
visibility:hidden;
}


il faut mettre :
CODE
#folio span {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.