28173 sujets

CSS et mise en forme, CSS3

Balises alt et title à partir de la css

bonjour,
j'ai une bannière qui est appelée ainsi dans la page :
<div class="banniere2"></div>

elle est définie dans la css comme ceci:

.banniere2 {
margin-left: auto;
margin-right: auto;
width:667px;
height:100px;
background-image: url(../images/banniere-2.jpg);
}

je voudrais faire apparaître les attributs 'alt' et 'title' à partir du code de la css est-ce possible ? Smiley rolleyes
et comment faire ?
@mitiés
b g
Modérateur
Salut,

Si je ne te dis pas de sottises, je ne crois pas que ce soit possible puisque c'est une image de mise en forme.

<edit>
Si tu veux mettre des attribut à ton image, il faut procéder de cette manière : Smiley murf 

<div id="header">
<img src="../images/banniere-2.jpg" alt="banniere-2" height="100" width="667" border="0">
</div>



#header{
 margin-left: auto;
 margin-right: auto;
 width:667px;
 height:100px;
}


</edit>


++
Modifié par Nolem (15 Jul 2007 - 12:18)
Re,

a écrit :
je voudrais faire apparaître les attributs 'alt' et 'title' à partir du code de la css est-ce possible ? rolleyes


Ce n'est pas possible. Ta banière est soit une image de contenu et elle doit être dans ton code html muni du alt correspondant, soit c'est une image purement décorative et elle très bien en background.
Modifié par Igor (15 Jul 2007 - 12:11)
Igor a écrit :
Re,

je voudrais faire apparaître les attributs 'alt' et 'title' à partir du code de la css est-ce possible ? rolleyes


Ce n'est pas possible. Ta banière est soit une image de contenu et elle doit être dans ton code html muni du alt correspondant, soit c'est une image purement décorative et elle très bien en background.

Smiley biggol ...? même avec un 'appel' en php ?
sinon il faudrait donc que je supprime le 'code' dans la css ? (et il y a une dizaine comme cela différentes sur chaque page !) et que je les remette donc une à une page par page ?
@mitiés
b g
bg62 a écrit :
il faudrait donc que je supprime le 'code' dans la css ? (et il y a une dizaine comme cela différentes sur chaque page !) et que je les remette donc une à une page par page ?
@mitiés
b g


Oui c'est cela Smiley biggrin
Pourrais-tu nous donner un exemple en ligne de ce type de page ?
Modérateur
Salut,

En ce moment j'apprends le php et je ne maîtrise pas encore. Je pense qu'une fonction résoudra ton soucis. Smiley smile

++
Modifié par Nolem (15 Jul 2007 - 13:35)
Que veux-tu dire exactement par "faire apparaître les attributs 'alt' et 'title'"? Les faire apparaître où donc? Normalement, tu ne devrais pas en avoir besoin puisque tu places cette image dans une feuille de style. Si elle fournit un contenu nécessitant une alternative textuelle (alt), c'est que sa place est directement dans ton code html.
Nolem a écrit :
Salut,

En ce moment j'apprends le php et je ne maîtrise pas encore. Je pense qu'une fonction résoudra ton soucis. Smiley smile

++


Ne cherchez donc pas de mauvaises solutions là où il n'y a pas de problèmes didiou.

-image de contenu = image html avec alt pertinant
-image décorative ou non significative = background css ou image html avec alt vide.
Modifié par Igor (15 Jul 2007 - 14:21)
Modérateur
bg62 a écrit :


...même avec un 'appel' en php ? ...


Je suis d'accord avec toi sur le point qu'il n'y a pas de soucis proprement dit. Apparement, ce serait en php. Donc une fonction serait adapté à ses besoins.

++
Ça confirme ce qu'Igor et moi-même affirmions dans nos deux dernières réponses respectives: l'image apporte du contenu et doit donc apparaître dans ton code html. Si l'on navigue sans style, il y a perte d'information.

Au passage, 47 erreurs au validateur, c'est un peu beaucoup, tu ne penses pas? Smiley cligne
Benjamin D.C. a écrit :
Ça confirme ce qu'Igor et moi-même affirmions dans nos deux dernières réponses respectives: l'image apporte du contenu et doit donc apparaître dans ton code html. Si l'on navigue sans style, il y a perte d'information.

Au passage, 47 erreurs au validateur, c'est un peu beaucoup, tu ne penses pas? Smiley cligne


Smiley decu bon donc je n'ai plus qu'à tout remettre à la main dans chaque page, ou simplement à mettre un seul attribut dans la css:
.banniere2 {
margin-left: auto;
margin-right: auto;
width:667px;
height:100px;
}

en supprimant le lien vers l'image et en l'appelant dans chaque page à l'endroit de la div ... c'est faisable cela !
Smiley confused et pour le validateur, pour un doctype de ce genre, tu peux me donner l'adresse ?
@mitiés
b g
Smiley decu ok bon je vais aussi devoir m'y mettre pour certaines de ces erreurs ...
mais je croyais que toute balise ouverte devait être fermée ... et là cela me donne aussi des erreurs !
@+
b g
bg62 a écrit :
Smiley decu ok bon je vais aussi devoir m'y mettre pour certaines de ces erreurs ...
mais je croyais que toute balise ouverte devait être fermée ... et là cela me donne aussi des erreurs !
@+
b g

C'est exact, toute balise ouverte doit être fermée. Il n'est pas toujours aisé de comprendre d'où viennent les erreurs, les explications du validateur étant parfois "un peu vague", mais crois-moi, tes erreurs ne viennent pas de là! Smiley cligne
Benjamin D.C. a écrit :

C'est exact, toute balise ouverte doit être fermée. Il n'est pas toujours aisé de comprendre d'où viennent les erreurs, les explications du validateur étant parfois "un peu vague", mais crois-moi, tes erreurs ne viennent pas de là! Smiley cligne

Smiley eek J'en ai bien quelques-unes que je comprends ... mais d'autres alors là je rame !
et pour cette histoire de balises 'fermées' elles sont bien notées comme erreurs, alors que peut-on faire ?
@mitiés
b g
Sujet clos
Aller à