5568 sujets

Sémantique web et HTML

Xhtml(strict)/css, ptit problème pour standardiser :(

bonjour,

J'utilise un code qui apparemenent n'est pas conforme... Je n'arrive pas à obtenir ce que je veux autrement... J'espère que quelqu'un pourra m'aider.

Mon code XHTML 1 strict (enfin j'essai) :
<span class="blocProduit">
<h2>The clipball for in the car. </h2>
<img class="imageleft" height="118" alt="Clipball car air freshener" width="150" src="images/clipball-small.jpg" />
<p>The Clipball fits firmly and easily in the aeration grid of the car. The logo printed on the front part will be seen each time your client drives his car. Turning the globes will allow him to regulate the perfume diffuser. The Clipball associates fresh perfumed air with the logo. </p>
<a class="bouton-relief" href="en/clipball-air-freshener.html">Clipball Info</a> <a class="bouton-relief" href="en/distributor.html">Want a price list? </a></span>


Mon CSS : 
.blocProduit {
display:block;
padding-bottom:20px;
}
.imageleft{float:left;padding-right:3px; padding-left:5px; border:0; display:block}

a.bouton-relief {
  float:right;
  color: black;
  background-color: #FFA911;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 1px outset #c0c0c0;
  margin-right:7px;

}
a.bouton-relief:hover{
float:right;
background-color: #0C77A8;
color: white;
 border: 1px inset #c0c0c0;
}
a.bouton-relief:visited {
  color: black;
}

Et voila !

Le code ci dessus m'affiche correctement ce que je veux, mais n'est pas standard Smiley decu
En esperant que quelqu'un pourra m'aider...


Merci
En plus, il me semble que les balises <img> doivent être encadrées par une balise <p> par exemple.
A confirmer.

Mais normalement, le validateur doit te marquer déjà un certain nombre d'indications.
Administrateur
Aquilane a écrit :
Je n'ai lu que la première ligne du code xhtml et ça ne peut pas être un span : je ne pense pas qu'il soit possible à un span (élément "inline") de contenir des éléments fils "bloc" (h1, p, ...).

Exact Smiley smile

En passante, je déplace ce sujet dans le bon salon -->
HTML, XHTML, sémantique web
Les langages hypertexte, l'utilisation des balises, la structure des sites internet et leur validation W3C
statvg a écrit :
En plus, il me semble que les balises <img> doivent être encadrées par une balise <p> par exemple.
A confirmer.


Ce n'est pas exactement çà. Les balises img comme toutes les balises inline ne peuvent pas être enfants directs de body. hors ce cas très précis il n'y a pas spécialement à les insérer dans un élément block qui leur serait dédié.
Modifié par clb56 (22 Mar 2006 - 13:05)
Merci pour les réponse !
J'viens de tester, c'est ok niveau validation par contre l'affichage c'est pas ce que j'escomptai...

En fait lorsque j'enchaine plusieurs fois le bloc de code, les titres ne retournent pas automatiquement à la ligne
Smiley decu

Une idée?
Modifié par mego (22 Mar 2006 - 14:00)
Un lien sur le site permettrait de vous aider plus rapidement, à moins que celui ci soit très connus ou très commercial... vous n'avez pas grand chose à craindre !
A l'heure où j'écris en tous cas, la validation ne passe pas (il n'y a pas d'attribut target en strict, et quand tu passes un & dans une URL, il faut écrire &amp; et non directement &. Mais cela ne change rien à l'affichage.
Ok merci, c'est un petit détail que j'ai vais vite corriger.

En fait mon problème est plus au niveau de l'affichage.

J'aimerai que les titres retourne automatiquement à la ligne et ne se rajoute pas à la suite du contenu.

-> J'vais créer un nouveau post et reformuler.
Modifié par mego (23 Mar 2006 - 11:20)
Sujet clos
Aller à