28221 sujets

CSS et mise en forme, CSS3

Image + CSS [RESOLU]

Dans le haut d'une page j'ai une image qui prend toute la largeur et qui représente le nom du site.
Cette image je l'ai mise dans le CSS comme ça.
.img { border-style: solid;
border-width: 5px;
background-image: url( );
2 questions, la première est ce génant ou aucontraire avantageux ? Faut il lui mettre les Alt et Title et si oui où ?
Et dans le body pour qu'elle apparaisse il à fallut que je mette ça
<div class="img"><br></div> est ce valable ?
Modifié le 16 Nov 2004 - 09:57
oui mais est-ce que cela va être accepté par le validateur du W3C ?


Une autre question avec "a href" on peut mettre title, mais peut on aussi mettre "alt"?
Non, on ne peut pas mettre alt, alt est un attribut permettant de fournir une [b]alternative[/i] textuelle à une image au cas où elle ne s'affiche pas ou qu'elle soit désactivée par l'agent utilisateur. Un lien doit être textuel, et s'il c'est un lien sur une image, le alt se met sur l'image tout à fait normalement.

C'etait pour quoi ??
Ne sachant pas précisemment ce que tu veux faire je ne sais pas si les indications suivantes vont te convenir.

tu places une image via la propriétré background en utilisant un div vide.
Ce n'est pas franchement satisfaisant et en + ça n'est pas utile. Tu peus très bien appliquer la propriété background directement au body.

Mettons que l'image en question fasse 100px de haut,
css :

body {
background-image:url(imgheader.jpg);
background-repeat:no-repeat;
padding-top:110px;
}

la 3ème propriété ne sert qu'a éviter des problèmes de superposition (mais ceux ci pourraient être réglés autrement)

à+
Pour une image:
<img src="" alt="Texte alternatif, contenu de l'image, donc titre du site" />
, et non pas <div>, je dirais, non ? Sémantiquement, y'a-t-il une différence fondamentale ?

@+, HoPHP
HoPHP a écrit :
Pour une image:
<img src="" alt="Texte alternatif, contenu de l'image, donc titre du site" />


une image ce n'est pas un titre.

soit c'est le sujet :

<p>Voici une image</p>
<img>

soit ça ne l'est pas (c'est de la déco, de l'agrément du mieu disant marketing). Alors utiliser la propriété background-image.

le titre principal c'est h1 et il faut qu'il soit présent quoiqu'il en soit et réellement renseigné.
el moustiquo, oui je suis bête avec cette question de "alt" désolé.
clb, dans le body on peut déclarer un fond et une image en même temps ? Smiley smile

merci à tous.
J'ai vu sur le site css Zen Garden, une structure qui permet de faire ce genre de choses :
<div id='titre'><span>Mon Titre</span></div>

ou peut-être 
<div id='titre'><h1>Mon Titre</h1></div>
avec un attribut display:none; pour le span (ou le h1) et une image de fond pour le div.
Zen pensez quoi ?
Sujet clos
Aller à