18073 sujets

Questions générales et questions de débutants

Un lien pour banniere

slt,
j essaye de faire un lien pour ma banniere,pour que l'utilisateur puisse revenir a la page d'accueil en cliquant sur la banniere.
mais j'arrive pas.
voici le code
<body>

<div id="conteneur">

<div id="banniere" > </div>.......
et
#banniere {

background: #FFFFFF url('images/b2.gif') no-repeat 100% 50%;0%;
width: 1020px;
height: 130px;
}
merci d'avance
il suffit de remplacer <div id="banniere"></div> par <a id="banniere" href="www.tonsite.com"></a> et de rajouter display:block; dans ta css.
Salut,
tu peut également utiliser du javascript pour réaliser ce que tu souhaite.
Il faut utiliser l'événement onclick sur la div.

<div id="banniere" onclick="javascript:window.location.href='tapage.htm';"></div>


Voila je ne sais pas si ca fonctionne sous IE par contre j'ai pas testé.

Edit: Je viens d'essayer sous IE et ca fonctionne également mais par contre c'est du javascript, si qqun l'a désactivé ca ne fonctionnera pas.
Modifié par Vince1415 (07 Jul 2005 - 19:03)
Vince1415 a écrit :
Salut,
tu peut également utiliser du javascript pour réaliser ce que tu souhaite.
Il faut utiliser l'événement onclick sur la div.

<div id="header" onclick="javascript:window.location.href='tapage.htm';"></div>


Voila je ne sais pas si ca fonctionne sous IE par contre j'ai pas testé.


ce n'est pas compatible avec les navigateurs dont le javascript est désactivé Smiley cligne
the_penguin a écrit :

ce n'est pas compatible avec les navigateurs dont le javascript est désactivé Smiley cligne


Oui c'est ce que j'ai signalé dans mon edit mais il faut voir si cette fonctionnalité est indispensable ou si c'est du "luxe" auquel cas le javascript ira très bien.
Vince1415 a écrit :
Salut,
tu peut également utiliser du javascript pour réaliser ce que tu souhaite.
Il faut utiliser l'événement onclick sur la div.

<div id="header" onclick="javascript:window.location.href='tapage.htm';"></div>


Voila je ne sais pas si ca fonctionne sous IE par contre j'ai pas testé.


On va peut-être éviter de faire dépendre du javascript le lien de retour vers la page d'accueil du site Smiley rolleyes !

On va peut-être aussi éviter de le faire dépendre du support CSS ! Smiley rolleyes

Pour les liens, il y a un truc bien, fiable, simple et tout : l'élément lien <a ...>, et pour les images de contenu, l'élément <img ...> Smiley cligne :

<div id="banniere" >
   <a href="/ta_page_accueil.html">
      <img src="ta_banniere.gif" alt="accueil" />
   </a>
</div>


Cherchez la qualité dans la simplicité, pas dans le nirvâna techeuniqueu
Modifié par Laurent Denis (07 Jul 2005 - 19:11)
C'est sûr que c'est le plus simple et le mieux.
J'ai proposé la solution du javascript car elle permet d'avoir l'adresse de l'image dans la css et non dans la page. C'est utile pour un style switcher ou un programme dans le genre.

Deplus moi je trouve que le retour a l'index par le header peut être réalisé en javascript si on peut retourner sur l'index même sans javascript actif.

Faut pas diaboliser le javascript non plus Smiley langue
Vince1415 a écrit :

Deplus moi je trouve que le retour a l'index par le header peut être réalisé en javascript si on peut retourner sur l'index même sans javascript actif.

Certe, mais sans lien, comment veux tu retourner à l'accueil Smiley cligne
Et avec le lien plus besoin du JS !
Vince1415 a écrit :

Faut pas diaboliser le javascript non plus Smiley langue

C'était pas là la question
Olivier a écrit :

Certe, mais sans lien, comment veux tu retourner à l'accueil Smiley cligne
Et avec le lien plus besoin du JS !


Ouai c'est pour cela que je demandé si le lien été indispensable ou si c'était du luxe, si le lien est deja présent ailleurs alors le retour par la banniére c'est du luxe.

Enfin bion c'était juste une solution comme ca après libre a lui de choisir, j'ai pas dit que la mienne était mieux s'en est une parmis d'autres Smiley cligne
Modifié par Vince1415 (07 Jul 2005 - 19:21)
Vince1415 a écrit :
Faut pas diaboliser le javascript non plus Smiley langue


Non, bien-sûr. Juste traquer impitoyablement ses mauvais usages, pour qu'il puisse n'exprimer que le meilleur de lui-même Smiley cligne
merci pour toutes vos reponses
j'ai testé toutes les mehodes proposées
masi malhereusement le click ne marche pas et ca me change le placement de ma banniere.
Si tu donnais l'url de ta page : il sera plus facile de te replacer ta bannière comme il faut et de donner la bonne url pour le lien Smiley cligne
ma page n'est pas en ligne.
moi ce que je veux c qd je click sur l abannniere ca va vers index.html c tout
Bon.

Tu veux faire un lien sur une image.

Le code d'un lien sur une image, c'est :

<div id="banniere" >
   <a href="/ta_page_accueil.html">
      <img src="ta_banniere.gif" alt="accueil" />
   </a>
</div>


Bien-sûr, il faut modifier ta_page_accueil.html et ta_banniere.gif avec les urls réels de ta page d'accueil et de ton image.

Et en effet, il faut sûrement modifier ta CSS pour que ta div #banniere conserve la présentation que tu voulais, après cette modification du code HTML.

A défaut d'url, une copie du bout de code HTML / CSS un peu plus complet, et une copie d'écran de ce que tu veux obtenir visuellement ? Hein ? Smiley cligne
ok Smiley cligne
la tout marche bien merci .
mais comme tu la dis il va faloir changer le css .y'a un petit décalage.
avant la banniere été collé au contenu la y'a un petite espace et y'a un cadre autour de ma banniere danc si ta la solution merci.
le code css de ma banniere et le suivant/
#banniere {

background: #FFFFFF url('images/b2.gif') no-repeat 100% 50%;0%;
width: 1020px;
height: 130px;
}
Sujet clos
Aller à