Lien HTTP dans mon image Header

aroldinho Messages postés 87 Date d'inscription   Statut Membre Dernière intervention   -  
fredconv Messages postés 143 Statut Membre -
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>

3 réponses

tidjool Messages postés 107 Statut Membre 7
 
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é..
0
aroldinho Messages postés 87 Date d'inscription   Statut Membre Dernière intervention   48
 
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 ?
0
fredconv Messages postés 143 Statut Membre 38
 
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 ...)
0