[php] Dde infos pour faire des liens à partir d'image , nvlle question

Dde infos pour faire des liens à partir d'image , nvlle question [php] - PHP - Programmation

Marsh Posté le 25-01-2004 à 19:17:30    

Bonjour,
 
Voila, je relooke mon site web, et j'essaie d'utiliser php. Seulement, je n'y connais pas grand chose. Je viens me tourner vers vous, car j'ai des questions...
 
Tout d'abord, j'ai été sur ce site et suivi ce tutoriel :
 
http://www.phpdebutant.org/article68.php
 
J'ai donc un résultat acceptable, le probleme est pour le menu, je voudrais savoir comment faire pour afficher des liens images a la place des liens textes dans la page qui sert de menu :
 

Code :
  1. <?
  2. print "<a href=\"index.php3?page=news\">les news</a>\n";
  3. print "<a href=\"index.php3?page=formulaire\">formulaire</a>\n";
  4. ?>


 
 
Et ensuite, comment faire un retour à la ligne pour chaque titre de rubrique, car la ils sont l'un à coté de l'autre.
 
Merci de m'aider  :jap:


Message édité par _gero_ le 29-01-2004 à 17:25:32
Reply

Marsh Posté le 25-01-2004 à 19:17:30   

Reply

Marsh Posté le 25-01-2004 à 19:20:48    

print "<a href=\"index.php3?page=formulaire\"><img src=\"monimage.jpeg\" /></a>\n";  
 
print "<br />";


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 25-01-2004 à 19:23:06    

print "Essaye d'apprendre l'HTML un de ces 4";
 
;)

Reply

Marsh Posté le 25-01-2004 à 19:24:37    

Ayuget a écrit :

print "Essaye d'apprendre l'HTML un de ces 4";
 
;)
 


 
echo "+1 :/";


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 25-01-2004 à 19:25:45    

Ayuget a écrit :

print "Essaye d'apprendre l'HTML un de ces 4";
 
;)
 

Merci pour la rapidité  :jap:  :jap:  :jap:  , je vais tester ca :)
 

Reply

Marsh Posté le 25-01-2004 à 19:29:38    

simogeo a écrit :

print "<a href=\"index.php3?page=formulaire\"><img src=\"monimage.jpeg\" /></a>\n";  
 
print "<br />";

autrement comment faire si je veux un rollover sur mon image ?   [:hotshot 2 le retour]

Reply

Marsh Posté le 25-01-2004 à 20:50:04    

_gero_ a écrit :

autrement comment faire si je veux un rollover sur mon image ?   [:hotshot 2 le retour]  


 
un très bon tutoriel sur les rollovers CSS (en english malheureusement pour certain, mais parfaitement compréhensible pour qui a les bases) : http://www.projectseven.com/tutori [...] s/list_01/

Reply

Marsh Posté le 25-01-2004 à 23:08:29    

ben il a pas avoir les bases si il sait pas faire un lien avec une image. :)

Reply

Marsh Posté le 25-01-2004 à 23:33:25    

Ayuget a écrit :

ben il a pas avoir les bases si il sait pas faire un lien avec une image. :)

je savais pas la syntaxe exacte pour le php :o

Reply

Marsh Posté le 25-01-2004 à 23:33:40    

naceroth a écrit :


 
un très bon tutoriel sur les rollovers CSS (en english malheureusement pour certain, mais parfaitement compréhensible pour qui a les bases) : http://www.projectseven.com/tutori [...] s/list_01/

merci !

Reply

Marsh Posté le 25-01-2004 à 23:33:40   

Reply

Marsh Posté le 26-01-2004 à 10:49:25    

_gero_ a écrit :

je savais pas la syntaxe exacte pour le php :o


Aucun rapport. Le lien n'est pas en PHP mais bien en HTML

Reply

Marsh Posté le 29-01-2004 à 15:46:35    

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Untitled Document</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. </head>
  8. <body>
  10. <div class="gauche">
  11. <ul>
  12. <li><? print "<a href=\"index.php3?page=news\"><img src=\"gifs\etiquettes\intro_off.gif\"/></a>\n"?></li>
  13. <li><? print "<a href=\"index.php3?page=alimentation\"><img src=\"gifs\etiquettes\alim_off.gif\"/></a>\n"?>
  14. <li><? print "<a href=\"index.php3?page=alimentation\"><img src=\"gifs\etiquettes\alim_off.gif\"/></a>\n"?>
  15. <li><? print "<a href=\"index.php3?page=sante\"><img src=\"gifs\etiquettes\sante_off.gif\"/></a>\n"?>
  16. <li><? print "<a href=\"index.php3?page=soins\"><img src=\"gifs\etiquettes\soins_off.gif\"/></a>\n"?>
  17. <li><? print "<a href=\"index.php3?page=habitat\"><img src=\"gifs\etiquettes\habitat_off.gif\"/></a>\n"?>
  18. <li><? print "<a href=\"index.php3?page=photos\"><img src=\"gifs\etiquettes\photos_off.gif\"/></a>\n"?>
  19. <li><? print "<a href=\"index.php3?page=videos\"><img src=\"gifs\etiquettes\videos_off.gif\"/></a>\n"?>
  20. <li><? print "<a href=\"index.php3?page=images\"><img src=\"gifs\etiquettes\images_off.gif\"/></a>\n"?>
  21. <li><? print "<a href=\"index.php3?page=blog\"><img src=\"gifs\etiquettes\blog_off.gif\"/></a>\n"?>
  22. <li><? print "<a href=\"index.php3?page=astuces\"><img src=\"gifs\etiquettes\astuces_off.gif\"/></a>\n"?>
  23. <li><? print "<a href=\"index.php3?page=liens\"><img src=\"gifs\etiquettes\liens_off.gif\"/></a>\n"?>
  24. <li><? print "<a href=\"index.php3?page=travaux\"><img src=\"gifs\etiquettes\blank.gif\"/></a>\n"?>
  25. </ul>
  26. </div>
  27. </body>
  28. </html>


 
J'utilise un css et les images de mon menu sont encadrées, bref, j'ai une bordure, en mettant dans le css : border: none ;
 
ca ne passe pas...
 
Comment je peux faire ?
 
 

Code :
  1. voici mon css :
  3. .gauche {
  4.   position: absolute;
  5.   top: 8em;
  6.   left: -2%;
  7.   width: 18%;
  8.   }
  10. .gauche a:hover
  11. {
  12. background-color: #6D1772;
  13. color: #FFCCFF;
  14. border: none;
  15. }
  19. .cadre {
  20.     width: 65%;
  21.   }
  22.   .haut {
  23.     height: 50px;
  24.     background-image:url(haut.gif);
  25.   }
  26.   .hautd {
  27.     height: 50px;
  28.     width: 30px;
  29.     background-image:url(hautd.gif);
  30.     float: right;
  31.   }
  32.   .bas {
  33.     height: 50px;
  34.     background-image:url(bas.gif);
  35.   }
  36.   .basd {
  37.     height: 50px;
  38.     width: 30px;
  39.     background-image:url(basd.gif);
  40.     float: right;
  41.   }
  42.   .centre {
  43.     background-image:url(gauche.gif);
  44.     background-repeat: repeat-y;
  45.   }
  46.   .contenu {
  47.     background-image:url(droite.gif);
  48.     background-color:#6D1772;
  49.     background-repeat: repeat-y;
  50.     background-position: right;
  51.     padding: 0 10px 0 10px;
  52.     font-size : 10px;
  53.     font-family : Verdana;
  54. }
  56.   p {
  57.     margin: 0;
  58.     padding: 0;
  59.   }
  60.   .titre {
  61.     margin-left: 20px;
  62.   }
  63. BODY{
  64.    font-size : 10px;
  65.    font-family : Verdana;
  66.    color : #FFCCFF;
  67.    background : #FFCCFF url(http://) fixed repeat;
  68.    scrollbar-face-color: #721475;
  69.    scrollbar-shadow-color: #000000;
  70.    scrollbar-highlight-color: #000000;
  71.    scrollbar-3dlight-color: #000000;
  72.    scrollbar-darkshadow-color: #721475;
  73.    scrollbar-track-color: #721475;
  74.    scrollbar-arrow-color: #FFCCFF; 
  75. }
  77. a:link {
  78. font-family:verdana, sans-serif;
  79. font-size:100%;
  80. color:black;
  81. background-color:transparent;
  82. text-decoration:none;
  83. }
  84. a:visited {
  85. font-family:verdana, sans-serif;
  86. font-size:100%;
  87. color:#white;
  88. background-color:transparent;
  89. text-decoration:underline;
  90. }
  91. a:hover {
  92. font-family:verdana, sans-serif;
  93. font-size:100%;
  94. color:black;
  95. background-color:transparent;
  96. text-decoration:underline;
  97. }


---------------
| forum furets deglingues |
Reply

Marsh Posté le 29-01-2004 à 17:25:49    

help :(


---------------
| forum furets deglingues |
Reply

Marsh Posté le 29-01-2004 à 17:26:28    

une css :)
 
Sinon, à vue de nez, tes images sont encadrées par des liens (pas par une bordure donc), donc c'est le text-decoration des balises a qui est à changer

Reply

Marsh Posté le 29-01-2004 à 17:34:22    

naceroth a écrit :

une css :)
 
Sinon, à vue de nez, tes images sont encadrées par des liens (pas par une bordure donc), donc c'est le text-decoration des balises a qui est à changer

une css oki ;)
 
bah j ai mis text-decoration:none dans la css et cela ne marche pas  :(


---------------
| forum furets deglingues |
Reply

Marsh Posté le 29-01-2004 à 17:44:06    

ajoutes :  
 
img {
   border:none;
}


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 29-01-2004 à 21:44:37    

simogeo a écrit :

ajoutes :  
 
img {
   border:none;
}

ah ca ca marche bien !!!! merci bcp !


---------------
| forum furets deglingues |
Reply

Marsh Posté le 29-01-2004 à 23:14:36    

Citation :

<div class="gauche">
  <ul>
  <li><? print "<a href=\"index.php3?page=news\"><img src=\"gifs\etiquettes\intro_off.gif\"/></a>\n"?></li>
  <li><? print "<a href=\"index.php3?page=alimentation\"><img src=\"gifs\etiquettes\alim_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=alimentation\"><img src=\"gifs\etiquettes\alim_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=sante\"><img src=\"gifs\etiquettes\sante_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=soins\"><img src=\"gifs\etiquettes\soins_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=habitat\"><img src=\"gifs\etiquettes\habitat_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=photos\"><img src=\"gifs\etiquettes\photos_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=videos\"><img src=\"gifs\etiquettes\videos_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=images\"><img src=\"gifs\etiquettes\images_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=blog\"><img src=\"gifs\etiquettes\blog_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=astuces\"><img src=\"gifs\etiquettes\astuces_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=liens\"><img src=\"gifs\etiquettes\liens_off.gif\"/></a>\n"?>
  <li><? print "<a href=\"index.php3?page=travaux\"><img src=\"gifs\etiquettes\blank.gif\"/></a>\n"?>



 
T'es sûr que tu as besoin de php pour ça.  :ouch:

Reply

Marsh Posté le 30-01-2004 à 00:05:01    

mais oui comme ça il peut dire qu'il l'a fait en PHP... lol

Reply

Sujets relatifs:

Leave a Replay

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