INtégrer une div cliquable dans un header

**alas70** · 13/11/2007, 11h35

Bonjour a tous, je vous explique mon problème je ne sais pas trop comment faire.

J'ai un contenu html du type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
<div id="header"></div>
<div id="contenu"></div>
<div id="footer"></div>
</body>

Dans ma CSS, j'integre je place mon image banniere.jpg dans mon header

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div#header{
background:url(image/banniere.jpg) #1373C4 no-repeat; 
height:227px; 
width:100%; 
clear:both;
}

Mon problème est le suivant, je voudrais que la moitié gauche de mon header soit cliquable, afin de pouvoir renvoyer sur la page d'accueil de mon site, comment faire, je pensais faire un lien vide et ensuite dans ma css je l'edite de la facon display:block et je place les tailles et la hauteur suivant mon envie mais cela ne fonctionne pas.

Quelqu'un pourrait t'il m'orienter sur la solution.

Merci a vous

**cadoudal56** · 13/11/2007, 12h55

A mon avis, tu découpes ton image en deux et tu inseres les deux images dans ta div Header

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div id="header">
<a href="index.html><img src="part1.jpg" width="150" height="100" border="0">
</a>
<img src="part2.jpg" width="550" height="100" border="0">
</div>

C'est le plus simple et ce qui devrais fonctionner le mieux...
@+
cadou

**alas70** · 13/11/2007, 13h08

Merci cadoudal pour ta réponse mais j'ai trouvé la solution, en fait ce que j'avais marqué dans mon premier post fonctionne très bien, j'ai insérer un lien du type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<span class="lien_header"><a href="acceuil.php">&nbsp</a></span>

ensuite dans ma css j'ai opéré de la façon suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.lien_header a {
display:block;
height:227px;
width:400px;
text-decoration:none;
}

cela fonctionne, j'ai du mal mis prendre tout à l'heure

Encore merci

INtégrer une div cliquable dans un header

CSS

Vue hybride

Discussions similaires

Partager

Partager