images, liens, et CSS

images, liens, et CSS - HTML/CSS - Programmation

Marsh Posté le 30-08-2002 à 13:12:41    

QUelqu'un connait un methode pour afficher une images avec un lien html ou l'url de l'image est spécifiée dans la définition des styles CSS.
 
Sans lien c facile....
 
La syntaxe HTML doit être valide XHTML strict !
 
Meurci !

Reply

Marsh Posté le 30-08-2002 à 13:12:41   

Reply

Marsh Posté le 30-08-2002 à 13:14:07    

FatyPunk a écrit a écrit :

 
Sans lien c facile....




 
on fait comment ? ça m'intéresse :)


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 30-08-2002 à 13:14:47    

:pt1cable: j'suis pas sûr d'avoir compris mais bon... tu crées un <div> de la taille voulue (= taille image), avec une propriété CSS background-image:url(...); et ensuite tu fais un lien de ton <div>
 
re- :pt1cable:

Reply

Marsh Posté le 30-08-2002 à 13:18:14    

methode sans lien :
 
div.xxx {
  images-background:url(../x.png)
  width:Xpx;
  height:Ypx;
}
 
<div class="xxx"></div>
 
mais tu peux pas mettre un <div> dans un <a>, c pas legal, mem si tu t'appelle w3c compliant ...  :D  :D  :D

Reply

Marsh Posté le 30-08-2002 à 13:22:09    

Tu peux mettre un <a> dans un <div>, et ensuite je te laisse chercher la soluce :D Image transparente :D
 
Y a toujours une solution, aussi pourrie du trou du cul soit-elle...


Message édité par Profil supprimé le 30-08-2002 à 13:22:35
Reply

Marsh Posté le 30-08-2002 à 13:25:13    

Oui l'image tranparent j'avais pensé...  :sweat:
 
Mais bon le but c de ne plus avoir d'image dan sle fichier html sans les style, alors c mal barré !
 
PAS BO LA SOLUCE  :gun:

Reply

Marsh Posté le 30-08-2002 à 13:26:59    

sinon passer par list-style-image pour afficher ton lien comme une puce, et une image à la place de la puce.

Reply

Marsh Posté le 30-08-2002 à 13:28:11    

ouep je connais pas cette propriété, je l'avais vu et j'ai passé tout droit, je vais voir ce que je peux faire avec !
 
 :)

Reply

Marsh Posté le 30-08-2002 à 13:42:16    

FatyPunk a écrit a écrit :

methode sans lien :
 
div.xxx {
  images-background:url(../x.png)
  width:Xpx;
  height:Ypx;
}
 
<div class="xxx"></div>
 
mais tu peux pas mettre un <div> dans un <a>, c pas legal, mem si tu t'appelle w3c compliant ...  :D  :D  :D



Ben en fait autant redéfinir un <a> :
 
a.xxx {
  background-image: url("../x.png" );
  width: Xpx;
  height: Ypx;
  display: block; /*Si on veut que le <a> soit comme une boîte <div>*/
}
 
<a href="..." class="xxx"></a>


Message édité par gm_superstar le 31-08-2002 à 13:42:02
Reply

Marsh Posté le 30-08-2002 à 13:44:01    

YES !!!!
 
THE SOLUTION  :bounce:  :bounce:  :bounce:  
 
J'avais deja assayé mais j'avais oublié le disply:block !!!!!
 
merci merci merci

Reply

Marsh Posté le 30-08-2002 à 13:44:01   

Reply

Marsh Posté le 30-08-2002 à 13:49:15    

Oui ca marche, while(1) echo "merci ! ";

Reply

Sujets relatifs:

Leave a Replay

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