Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3088 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment donner un lien à un cadre div?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Comment donner un lien à un cadre div?

n°998552
bingojm
Posté le 02-03-2005 à 18:16:19  profilanswer
 

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

mood
Publicité
Posté le 02-03-2005 à 18:16:19  profilanswer
 

n°998553
FlorentG
Posté le 02-03-2005 à 18:16:46  profilanswer
 

Ben utilise un lien, pas de div

n°998555
bingojm
Posté le 02-03-2005 à 18:17:40  profilanswer
 

oui mais je ne veux pas de texte... Comment faire un lien à partir de "rien"?? Je ne vois pas...

n°998556
FlorentG
Posté le 02-03-2005 à 18:19:30  profilanswer
 

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

n°998557
bingojm
Posté le 02-03-2005 à 18:22:09  profilanswer
 

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?

n°998559
FlorentG
Posté le 02-03-2005 à 18:22:52  profilanswer
 

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 !

n°998566
bingojm
Posté le 02-03-2005 à 18:33:05  profilanswer
 

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.

n°998568
FlorentG
Posté le 02-03-2005 à 18:33:57  profilanswer
 

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

n°998575
bingojm
Posté le 02-03-2005 à 18:42:04  profilanswer
 

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

n°998577
FlorentG
Posté le 02-03-2005 à 18:43:19  profilanswer
 

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

mood
Publicité
Posté le 02-03-2005 à 18:43:19  profilanswer
 

n°998587
masklinn
í dag viðrar vel til loftárása
Posté le 02-03-2005 à 18:52:36  profilanswer
 

à 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
n°998589
FlorentG
Posté le 02-03-2005 à 18:54:30  profilanswer
 

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

n°998597
bingojm
Posté le 02-03-2005 à 19:02:47  profilanswer
 

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

n°998599
FlorentG
Posté le 02-03-2005 à 19:04:21  profilanswer
 

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

n°998602
Hermes le ​Messager
Breton Quiétiste
Posté le 02-03-2005 à 19:10:50  profilanswer
 

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
n°998607
FlorentG
Posté le 02-03-2005 à 19:14:29  profilanswer
 

Théoriquement oui

n°998609
bingojm
Posté le 02-03-2005 à 19:17:40  profilanswer
 

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

n°998612
FlorentG
Posté le 02-03-2005 à 19:20:21  profilanswer
 

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

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

n°998619
masklinn
í dag viðrar vel til loftárása
Posté le 02-03-2005 à 19:25:49  profilanswer
 

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
n°998623
bingojm
Posté le 02-03-2005 à 19:30:17  profilanswer
 

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>

n°998630
FlorentG
Posté le 02-03-2005 à 19:38:54  profilanswer
 

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' ;)

n°998631
FlorentG
Posté le 02-03-2005 à 19:39:24  profilanswer
 

Et pourquoi tu met 'url(test.htm') dans le background-image :??: faut mettre l'adresse de l'image de fond !

n°998647
bingojm
Posté le 02-03-2005 à 19:55:06  profilanswer
 

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?

mood
Publicité
Posté le   profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Comment donner un lien à un cadre div?

 

Sujets relatifs
Rendre ses dossiers web inacessible en lien direct ?lien du type "mapage.php3?id=2"
Afficher Cacher un lien en fonction du Panier...faire un lien de .swf vers une page html
créer un lien en css?Comment afficher une page htm dans un cadre div à partir d'un bouton?
[EXCEL] - Lien entre deux cellules ...battlecraft tutorial comment faire un lien telechargement ???
lien entre un controle utilisateur et un frameAffichage d'un thumbnail en survolant un lien
Plus de sujets relatifs à : Comment donner un lien à un cadre div?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR