Lien HTTP dans mon image Header
Utilisateur anonyme
-
fredconv Messages postés 143 Statut Membre -
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>
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
-
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é.. -
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 ? -
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 ...)
