Comment donner un lien à un cadre div? - HTML/CSS - Programmation
Marsh Posté le 02-03-2005 à 18:17:40
oui mais je ne veux pas de texte... Comment faire un lien à partir de "rien"?? Je ne vois pas...
Marsh Posté le 02-03-2005 à 18:19:30
Ben t'as pas besoin de mettre de texte dedans, tu met juste l'image
Marsh Posté le 02-03-2005 à 18:22:09
non, j'utilise une image de fond. Ce n'est qu'une zone, une partie de l'image que je veux rendre sensible. Comment faire alors?
Marsh Posté le 02-03-2005 à 18:22:52
Je comprend pas le problème : t'as une balise <a>, à laquelle du donne une dimension et une image de fond... Elle sera réactive normalement !
Marsh Posté le 02-03-2005 à 18:33:05
Ben voilà ma balise:
<div id="header"><a href="test.htm">????</a></div>
Mais je mets quoi entre <a> et </a>?
En fait, c'est comme si je n'avais pas d'image de fond, vu que dans mon cas c'est une image en background qui prend toute ma page.
Marsh Posté le 02-03-2005 à 18:33:57
Normalement t'as besoin de rien mettre, juste à définir la dimension dans le CSS. En pratique aussi faut mettre un texte que tu planquera pour les navigateurs non-visuels
Marsh Posté le 02-03-2005 à 18:42:04
Bon là... je suis paumé. Peut-être dois je préciser que je suis débutant.
En résumé: définir la dimension de quoi dans le css??
Mettre un texte où???
Faut pas oublier que j'ai une image de fond, donc si je mets quoi que ce soit devant, ca se verra vu que j'ai qqch en dessous...
Si je laisse ma balise comme ceci:
<div id="header"><a href="test.htm"></a></div>
ma souris ne sait cliquer sur rien?!
Marsh Posté le 02-03-2005 à 18:43:19
Dans le CSS tu mettera genre :
Code :
|
Remplace bien-sûr les différentes valeurs par les tiennes
Marsh Posté le 02-03-2005 à 18:52:36
à noter que si tu ne mets pas de texte du tout toute personne avec un navigateur ne gérant pas les CSS, ayant désactivé les images ou étant non graphique (texte, audio, ...) l'aura profond et ne pourra pas utiliser les liens.
Pour les zones réactives, http://forum.hardware.fr/hardwaref [...] 4743-1.htm
Marsh Posté le 02-03-2005 à 18:54:30
Donc il faudra mettre un <span> dans ton <a> avec un texte alternatif, qui sera planqué dans le CSS via une des différentes techniques en vigueur
Marsh Posté le 02-03-2005 à 19:02:47
Je comprends déjà que je dois changer dans le css... Je te suis mieux mnt.
Mais ce va pas. Voilà ce que j'ai mis:
#header {
background-image: url("test.htm" );
height: 150px;
width: 100px;
border: 1px solid #000;}
Est-ce correct? Avec ca, je n'obtiens aucune zone sensible...
Marsh Posté le 02-03-2005 à 19:04:21
Faut mettre ça pour le 'a', comme je l'avais montré avant
Marsh Posté le 02-03-2005 à 19:10:50
FlorentG a écrit : Dans le CSS tu mettera genre :
|
ça marche partout ça ??
Marsh Posté le 02-03-2005 à 19:17:40
ca va pas!!! je vois pas ce que tu veux dire. Je n'ai rien à changer ni à faire dans le html? je dois juste travailler dans le css? Ok mais je ne comprends pas ton 'a'. je dois le mettre où?? sorry pour mon ignorance...
Marsh Posté le 02-03-2005 à 19:20:21
Regarde ma première intervention : remplace le #header par a :
Code :
|
Marsh Posté le 02-03-2005 à 19:25:49
FlorentG a écrit : Regarde ma première intervention : remplace le #header par a :
|
plus précisément
#header a { |
Ou bien faire sauter le <div> et placer l'id "header" sur l'ancre
et puis bingojm tu pourrais peut être cliquer sur le lien que j'ais fourni non?
Marsh Posté le 02-03-2005 à 19:30:17
tjs pas... ok mais je dois laisser mon div dans le html? l'url est bien le fichier htm cible?
Voilà ce que j'ai. J'ai supprimé mon #header pour le remplacer par:
#a {
background-image: url("test.htm" );
height: 150px;
width: 100px;
border: 1px solid #000;
}
Et qu'est-ce que j'ai dans le html? j'ai mis ceci mais ca ne va pas:
<div id="a"></div>
Marsh Posté le 02-03-2005 à 19:38:54
oula.... oula...
...
Quand t'as
Code :
|
Ca veut dire que ça s'applique à la balise <a>. J'ai de remplacer '#header' par 'a', et non pas par '#a'
Marsh Posté le 02-03-2005 à 19:39:24
Et pourquoi tu met 'url(test.htm') dans le background-image faut mettre l'adresse de l'image de fond !
Marsh Posté le 02-03-2005 à 19:55:06
On avance pour se comprendre...
Je t'explique: au départ de mon site, j'ai déjà installé mon image de fond:
BODY { background: url("fond.jpg" ) ; background-position: center ; background-repeat: no-repeat }
Alors on se retrouve au point de départ...
J'ai regardé ton lien Masklinn mais ca ne parle pas de la mm chose que FlorentG alors j'essaye un à la fois.
Que dois-je faire?
Marsh Posté le 02-03-2005 à 18:16:19
Comment peut-on rendre un cadre div sensible pour lui attribuer un lien? Car j'utilise uniquement une image de fond. Celle-ci contient tous les éléments visibles mais sans fonction vu que ce n'est qu'une image de fond... Merci