Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2721 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un Lien dans du CSS?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Un Lien dans du CSS?

n°1575978
stravoguin​e
Posté le 17-06-2007 à 15:16:24  profilanswer
 

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
mood
Publicité
Posté le 17-06-2007 à 15:16:24  profilanswer
 

n°1575985
dwogsi
Défaillance cérébrale...
Posté le 17-06-2007 à 16:06:06  profilanswer
 

<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})/
n°1576026
stravoguin​e
Posté le 17-06-2007 à 20:55:07  profilanswer
 

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.

n°1576032
dwogsi
Défaillance cérébrale...
Posté le 17-06-2007 à 21:23:25  profilanswer
 

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})/

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un Lien dans du CSS?

 

Sujets relatifs
[javascript] dernier lien cliqué[CSS/PHP] ouvrir un lien dans une div
[CSS] le lien actif garde un styleLien fichier CSS
"Exception CSS" sur un lienCSS lien image
[CSS][HTML] rendre le Lien active avec iframeCSS : Afficher un bloc lors du survol d'un lien
prob CSS image qui sort de son lien[HTML/CSS/JS] Ya un moyen d'ouvrir un lien dans FFox à partir de IE ?
Plus de sujets relatifs à : Un Lien dans du CSS?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR