1174 sujets

Accessibilité du Web

Bonjour,
Le titre n'est pas forcément très clair et je vais tenté de l'expliquer plus clairement ici.
Je refais mon site internet et j'ai des éléments d'arrière plan à gérer qui sont la partie haute et basse d'une box.(un beau fond transparent et arrondi, avec en plus un joli ombrage autour).

Et en fait je ne sais pas quelle est la meilleure manière de procéder.

je me retrouve en fait avec ce code ci.


.top {background-image:url(img/bloch.png);width:792px;height:9px;line-height:1; clear:left}
.bas  {background-image:url(img/blocb.png);width:792px;height:9px;line-height:1; clear:left}



<div class="top"></div>
<div id="contenu1"></div>
<div class="bas"></div>


l'intérêt c'est qu'il me suffit de copié/collé ce code autant de fois que je le souhaite, de plus il est léger.
ou est-il plus correct d'écrire mon code ainsi ?


<div><img src="img/bloch.png" width="792" height="9" alt="top" /></div>
<div id="contenu1"></div>
<div><img src="img/blocb.png" width="792" height="9" alt="top" /></div>


ça ressemble à du chipotage mais je dois reconnaître que ça me tarabuste.
Merci pour vos avis et bonne semaine à tous Smiley smile

- edit pour les fautes -
Modifié par albtr (06 Sep 2010 - 16:40)
Bonjour,

Dans ton cas de figure (et à condition qu'il n'y ai aucun contenu (texte) sur les images), la première solution est la meilleure.

Pour rappel, le texte alternatif (alt) d'une image peut être vide. Il est d'ailleurs préférable de le laisser vide pour une image purement décorative (comme dans ton exemple).
Salut,

petite rectification : alt n'est pas une balise mais un attribut.

Si tu considères que ce sujet est [Résolu] merci de l'indiquer en éditant ton premier post et en modifiant le titre. Smiley cligne