lien sur background-image

lien sur background-image - HTML/CSS - Programmation

Marsh Posté le 01-11-2005 à 23:43:25    

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
Reply

Marsh Posté le 01-11-2005 à 23:43:25   

Reply

Marsh Posté le 02-11-2005 à 00:06:09    

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
Reply

Marsh Posté le 02-11-2005 à 00:09:19    

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
Reply

Marsh Posté le 02-11-2005 à 00:21:25    

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
Reply

Marsh Posté le 02-11-2005 à 00:35:30    

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
Reply

Marsh Posté le 02-11-2005 à 00:42:48    

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.

Reply

Marsh Posté le 02-11-2005 à 01:10:33    

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
Reply

Marsh Posté le 02-11-2005 à 07:19:55    

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


---------------
Les CSS c'est bon mangez-en
Reply

Marsh Posté le 02-11-2005 à 09:26:47    

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".

Reply

Marsh Posté le 02-11-2005 à 11:50:26    

merci je vais aller voir ca de plus près

Reply

Sujets relatifs:

Leave a Replay

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