Un Lien dans du CSS?

Un Lien dans du CSS? - HTML/CSS - Programmation

Marsh Posté le 17-06-2007 à 15:16:24    

Salut
 
En fait la question est trompeuse, ce que je voudrais faire c'est appliquer un lien dans une image mais cette image se trouve dans le CSS, dans un bloc.
 
http://img524.imageshack.us/img524/4597/exe2nl1.gif
 
Voyez un premier bloc, puis deux autres blocs de pubs dans ce méme bloc header.
 
code HTML :
 

Citation :


<div id="header">
<div id="logo">
</div>
<div id="pub">
</div>
<div id="pub2">
</div>
</div>
<div id="menu">
</div>
</body>


 
J'ai donc mis un bloc Header en relative qui contient 3 autres blocs, 2 blocs pub à droite et un bloc logo à gauche qu'on ne voit pas ici sur l'image.
 
Code CSS :

Citation :


#header{
background:url(headbkg.gif) repeat-x #fff;
width:100%;
height:100px;
position:relative;
margin:auto;
float:left;
}
 
#logo{
background:url(Logo176.jpg) no-repeat #fff;
width:176px;
height:100px;
position:absolute;
margin:auto;
float:left;
}
 
#pub{
background:url(Crosland.gif) no-repeat #fff;
top:17px;
left:238px;
width:468px;
height:60px;
position:absolute;
margin:auto;
float:left;
}
 
#pub2{
background:url(pub2.gif) no-repeat #fff;
top:17px;
left:710px;
width:234px;
height:60px;
position:absolute;
margin:auto;
float:right;
}
 
#menu{
background:url() no-repeat #666;
width:100%;
height:27px;
position:relative;
margin:auto;
float:left;
}
 
img{
border:0px;
}
 
a{
border:0px;
}


 
Comme vous le voyez toutes mes images sont dans le CSS de sorte que la mise à jour de la pub sur un site soit archi simple, chagement de pub = 1 ligne de CSS à changer, méme pas.
 
Mais qu'est ce que je dois mettre dans mon bloc pub ou pub2 par exemple pour faire en sorte que cette image dans ce CSS du bloc pub renvoit vers un lien?
 
Tout en sachant que j'aimerai éviter le javascript!
 
Merci du tuyau!  :hello:


Message édité par stravoguine le 17-06-2007 à 15:17:24
Reply

Marsh Posté le 17-06-2007 à 15:16:24   

Reply

Marsh Posté le 17-06-2007 à 16:06:06    

<a id="pub" href="http://leLien/" title="De la pub!"></a>
Avec un display:block; dans ta css.


Message édité par dwogsi le 17-06-2007 à 16:06:29

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Marsh Posté le 17-06-2007 à 20:55:07    

Merci, ça marche!
 
Le probléme est que ça revient au méme finalement, car entre mettre une image dans un bloc ou un  lien dans un display-bloc...
 
Je pensais naivement qu'on pouvait mettre un lien dans le CSS, mais non.
 
Merci beaucoup.

Reply

Marsh Posté le 17-06-2007 à 21:23:25    

stravoguine a écrit :

Je pensais naivement qu'on pouvait mettre un lien dans le CSS, mais non.


Le CSS c'est juste pour la forme. Le reste c'est du html!


---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed