Comment donner un lien à un cadre div?

Comment donner un lien à un cadre div? - HTML/CSS - Programmation

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

Reply

Marsh Posté le 02-03-2005 à 18:16:19   

Reply

Marsh Posté le 02-03-2005 à 18:16:46    

Ben utilise un lien, pas de div

Reply

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...

Reply

Marsh Posté le 02-03-2005 à 18:19:30    

Ben t'as pas besoin de mettre de texte dedans, tu met juste l'image

Reply

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?

Reply

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 !

Reply

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.

Reply

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

Reply

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?!

Reply

Marsh Posté le 02-03-2005 à 18:43:19    

Dans le CSS tu mettera genre :

Code :
  1. a {
  2.   background-image: url("image.jpg" );
  3.   width: 640px;
  4.   height: 480px;
  5. }


Remplace bien-sûr les différentes valeurs par les tiennes :)

Reply

Marsh Posté le 02-03-2005 à 18:43:19   

Reply

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


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

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 :)

Reply

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...

Reply

Marsh Posté le 02-03-2005 à 19:04:21    

Faut mettre ça pour le 'a', comme je l'avais montré avant :)

Reply

Marsh Posté le 02-03-2005 à 19:10:50    

FlorentG a écrit :

Dans le CSS tu mettera genre :

Code :
  1. a {
  2.   background-image: url("image.jpg" );
  3.   width: 640px;
  4.   height: 480px;
  5. }


Remplace bien-sûr les différentes valeurs par les tiennes :)


 
ça marche partout ça ??  :??:  


---------------
Expert en expertises
Reply

Marsh Posté le 02-03-2005 à 19:14:29    

Théoriquement oui

Reply

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...

Reply

Marsh Posté le 02-03-2005 à 19:20:21    

Regarde ma première intervention : remplace le #header par a :

Code :
  1. a {
  2. ...
  3. }

Reply

Marsh Posté le 02-03-2005 à 19:25:49    

FlorentG a écrit :

Regarde ma première intervention : remplace le #header par a :

Code :
  1. a {
  2. ...
  3. }



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?


Message édité par masklinn le 02-03-2005 à 19:26:41

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

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>

Reply

Marsh Posté le 02-03-2005 à 19:38:54    

oula.... oula...
...
 
Quand t'as

Code :
  1. a {
  2. ....
  3. }

Ca veut dire que ça s'applique à la balise <a>. J'ai de remplacer '#header' par 'a', et non pas par '#a' ;)

Reply

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 !

Reply

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?

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed