Lien HTTP dans mon image Header

Fermé

Utilisateur anonyme - 14 août 2012 à 11:02
fredconv Messages postés 122 Date d'inscription mardi 25 août 2009 Statut Membre Dernière intervention 4 décembre 2017 - 14 août 2012 à 14:41

Bonjour,

j'ai créée un site sur weebly mais j'ai un petit soucis je ne parviens par à faire en sorte que l'image header soit clickable et donc qu'elle oriente le visiteur vers une page HTML.

Voici mon code HTML :
L'image header est à cette ligne : <body class="wsite-theme-light tall-header-page">

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body class="wsite-theme-light tall-header-page">
<div id="wrap">
<div id="header-container">
<table id="header">
<tr>
<td id="logo">{logo}</td>
<td id="header-right">
<table>
<tr>
<td class="phone-number">{phone:text}</td>
<td class="social">{social}</td>
<td class="search">{search}</td>
</tr>
</table>
</td>
</tr>
</table>
<div id="topnav">
<div id="nav-right">
<div id="nav-inner">
{menu}
<div style="clear:both"></div>
</div>
</div>
</div>
</div>
<div id="main">
<div id="banner">
<div class="wsite-header"></div>
</div>
<div id="content">{content}</div>
</div>
<div id="footer"><div class="site_footer" style="height:50px" align="center"><font color="#F9C700"> Copyright © DBZ-Live "2010-2012" - Tous droits réservés. <br> <font color="#C0C0C0">Retrouvez-nous sur <a href="https://www.facebook.com/dbzlive.net" target="_blank"><font color="#F70944">Facebook</a><font color="#C0C0C0"> et <a href="https://twitter.com/#!/DbzLive" target="_blank"><font color="#F70944">Twitter</a> <br> <font color="#C0C0C0"> © 2012 <br> </div>
<div id="footer-contents" style="visibility:hidden">{footer}</div>
</body>
</html>

A voir également:

Lien HTTP dans mon image Header
Lien url - Guide
Verifier un lien - Guide
Protocole http - Guide
Créer un lien pour partager des photos - Guide
Image iso - Guide

3 réponses

Réponse 1 / 3

tidjool Messages postés 102 Date d'inscription mercredi 19 avril 2006 Statut Membre Dernière intervention 16 août 2012 7
14 août 2012 à 11:17

Bonjour, je ne vois pas d'image ici <body class="wsite-theme-light tall-header-page">
à mon avis, elle est pointée dans le css associé...
En fait, pour cliquer sur une image et aller vers une page il faut :
<a href="la page que tu souhaites"><img src="ton image" alt="blabla"/ ></a>

voilà ;-) en espérant t'avoir aidé..

Réponse 2 / 3

Utilisateur anonyme
14 août 2012 à 14:11

Effectivement autrefois j'utilisais cette méthode mais depuis ils ont changés pas mal de choses.

voici ce que j'ai dans le CSS :

.tall-header-page #banner {
}

.tall-header-page .wsite-header {
width: 977px;
height: 316px;
background: url(banner-tall.jpg) no-repeat;

y'a t'il un moyen de rajouter un lien http sur l'image en CSS ?

Réponse 3 / 3

fredconv Messages postés 122 Date d'inscription mardi 25 août 2009 Statut Membre Dernière intervention 4 décembre 2017 38
14 août 2012 à 14:41

salut

il te suffit de remplacer
<div class="wsite-header"></div>

par un
<a href="url de ton lien" class="wsite-header">blablablab</a>

du coup ton a aura pour image de fond l image que tu aura mis dans la css et sera clicquable . (faudra peut etre ajuster la css ...)

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?

"Aucune application permettant d'ouvrir cette URL"

lien copié

192.168.49.1

Rajout de lien sur plusieurs pages

Discussions similaires

Newsletters