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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  lien sur background-image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

lien sur background-image

n°1236040
kensei
Posté le 01-11-2005 à 23:43:25  profilanswer
 

bonjour, j'ai fait une recherche mais aucun résultat, enfin je crois  :whistle:  
 
C'est simple, j'ai ma banniere qui est en background-image dans le fichier css.  
Donc mon div est vide: <div id="banniere"></div>
Je n'arrive pas a mettre un lien sur cette banniere, suis-je obligé de mettre un <a href...> dans  le div?
 
merci  :jap:


---------------
OST Anime
mood
Publicité
Posté le 01-11-2005 à 23:43:25  profilanswer
 

n°1236051
omega2
Posté le 02-11-2005 à 00:06:09  profilanswer
 

La balise <A> est justement faite pour les liens, alors pourquoi chercher à faire des liens sans ça?
 
PS : Il me semble par contre qu'il est possible de mettre un background-image directement au niveau d'une balise <A> mais je sais plus sous quelle condition et il faut prévoir le cas où les css ne sont pas géré/utilisé pour que le lien soit trouvable dans tous les cas.

Message cité 1 fois
Message édité par omega2 le 02-11-2005 à 00:06:23
n°1236053
gatsusat
Posté le 02-11-2005 à 00:09:19  profilanswer
 

la A doit devenir alors un élément de type block !
sinon no ne peut le dimensionner et le faire reagir comme un DIV.
 
donc en CSS :  
a.lientruc {
  display:block;
  background-image : url(trucmuche.jpg)
  width:40px;
  height:500px;
}
 
et basta


---------------
Les CSS c'est bon mangez-en
n°1236057
kensei
Posté le 02-11-2005 à 00:21:25  profilanswer
 

omega2 a écrit :

La balise <A> est justement faite pour les liens, alors pourquoi chercher à faire des liens sans ça?


en fait je mets un <a> dans le div mais il est vide, puisque l'image est en background dans le css. Et un <a> vide ne fonctionne pas, il me semble


---------------
OST Anime
n°1236065
kensei
Posté le 02-11-2005 à 00:35:30  profilanswer
 

gatsusat a écrit :

la A doit devenir alors un élément de type block !
sinon no ne peut le dimensionner et le faire reagir comme un DIV.
 
donc en CSS :  
a.lientruc {
  display:block;
  background-image : url(trucmuche.jpg)
  width:40px;
  height:500px;
}
 
et basta


Et que dois-je mettre dans le <a>, il reste vide?
J'ai écrit: <a class="banniere" href="http://welcominh.free.fr"></a>
et mon css:  

Citation :

a .banniere
{
 display: block;
 position: absolute;
 top: 0px;
 left: 100px;
 width: 800px;
 height: 100px;
 border: 1px solid black;
 border-bottom: 2px solid black;
 background-image: url("../images/banniere.jpg" );
}



---------------
OST Anime
n°1236069
omega2
Posté le 02-11-2005 à 00:42:48  profilanswer
 

Dans le <A></A> tu mets une courte description de la page visé et tu cachera le texte grace aux css. Il y a plusieurs possibilité, la plus utilisé est d'envoyer le texte trés loin en dehors de l'écran.

n°1236080
kensei
Posté le 02-11-2005 à 01:10:33  profilanswer
 

Bizarrement, là je n'ai rien eu a mettre a l'intérieur de <a> et le lien marche. Ptet parce que c'est un block :??:  
Sinon pour cacher le texte ou l'envoyer (comme tu dis) je suis encore trop noob pour savoir le faire. Alors je cherche, je cherche... :pfff:  
 
Au oui, j'ai du écrire "a.banniere" sans espace entre le 'a' et le point. Est-ce normal? je crois voir des espaces dans les sites ou j'apprend le css. C'est la première fois que j'en viens a imbriquer les balises  :D


---------------
OST Anime
n°1236089
gatsusat
Posté le 02-11-2005 à 07:19:55  profilanswer
 

PARCE QUE tu n'a encore rien lu sur les sélecteurs en CSS


---------------
Les CSS c'est bon mangez-en
n°1236133
omega2
Posté le 02-11-2005 à 09:26:47  profilanswer
 

kensei > Cherche css2 dans google. Et consutle donc la traduction francaise de la norme css2. Ca t'apprendra pleins de chôse dont entre autre le poruquoi du "pas d'espace".

n°1236230
kensei
Posté le 02-11-2005 à 11:50:26  profilanswer
 

merci je vais aller voir ca de plus près


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

  lien sur background-image

 

Sujets relatifs
ASP pb pour créer un lien qui inclueraient une page dans un tableauUn lien vers un fichier sur mon reseau
Image de fond sur un lien + IE = sablier ?(DELPHI)Defilement et image dans un Trichedit
[débutant] Image dans un tableau...Insertion d'une image dans un panel
Chemin d'image dans excel[Image]Probleme de rafraichissement
image et userformbackground-image d'un lien
Plus de sujets relatifs à : lien sur background-image


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