28220 sujets

CSS et mise en forme, CSS3

bonjour
je voudrais mettre un lien dans une div vide vers page d'accueil, l'image de fond de mon header est appelee dans ma css je ne peux donc pas mettre de lien dessus, j'ai donc ajouté une div vide avec un   avec une ancre mais ça ne prend que le  , auriez vous une idée pour que le lien prenne toute la div vide ?

Merci!!


<div id="header">
 <a href="../public/index.cgi">
<div style="display:block; height: 100px; width: 210px">
&nbsp;
</div>
</a>
</div><!--fin div header-->



#header {
height: 110px;
background: #9A3809 url("../skin/header.gif") no-repeat;
}
Si tu sais éditer ton message pour le remettre dans un français correct, ça simplifiérait grandement les choses.

Pour ton problème:
- div avec display block c'est inutile (div est un block par défaut)

- pour agrandir la zone cliquable du lien, met lui un padding
Mettre une image qui convoie une information (je suppose qu'il s'agit du logo de ton site) dans le CSS est dès le départ une mauvaise idée, car ceux qui n'ont pas CSS ou qui ont désctivé les images (vieux navigateurs, Google & Cie, lecteurs d'écran, ...) n'auront même pas le texte alternatif de l'image.
Mets plutôt quelque chose du genre :
<div id="header">
<a href="../public/index.cgi">
<img alt="Logo de XXX" src="/chemin/vers/skin/header.gif">
</a>
</div>
Et ensuite, tu utilises éventuellement CSS pour mettre en forme ton header.

Et au passage, ceci est invalide :
<a><div>Bla bla bla</div></a>
Car a est une balise de niveau ligne qui ne peut pas contenir un bloc.
merci de ta reponse
en fait j essayai de prendre l'habitude de separer fond de la forme avec CSS, mais c vrai que le mieux est sans doute de ne pas mettre logo ds la CSS
emilie
Modifié par mimieeee (02 Apr 2005 - 16:12)