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

  FORUM HardWare.fr
  Programmation
  PHP

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

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°621425
_gero_
2eme Effet Kiss Cool ©
Posté le 25-01-2004 à 19:17:30  profilanswer
 

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
mood
Publicité
Posté le 25-01-2004 à 19:17:30  profilanswer
 

n°621428
simogeo
j'ai jamais tué de chats, ...
Posté le 25-01-2004 à 19:20:48  profilanswer
 

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
n°621431
Ayuget
R.oger
Posté le 25-01-2004 à 19:23:06  profilanswer
 

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

n°621433
simogeo
j'ai jamais tué de chats, ...
Posté le 25-01-2004 à 19:24:37  profilanswer
 

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
n°621434
_gero_
2eme Effet Kiss Cool ©
Posté le 25-01-2004 à 19:25:45  profilanswer
 

Ayuget a écrit :

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

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

n°621436
_gero_
2eme Effet Kiss Cool ©
Posté le 25-01-2004 à 19:29:38  profilanswer
 

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]

n°621479
naceroth
Posté le 25-01-2004 à 20:50:04  profilanswer
 

_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/

n°621537
Ayuget
R.oger
Posté le 25-01-2004 à 23:08:29  profilanswer
 

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

n°621546
_gero_
2eme Effet Kiss Cool ©
Posté le 25-01-2004 à 23:33:25  profilanswer
 

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

n°621547
_gero_
2eme Effet Kiss Cool ©
Posté le 25-01-2004 à 23:33:40  profilanswer
 

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 !

mood
Publicité
Posté le 25-01-2004 à 23:33:40  profilanswer
 

n°621696
jagstang
Pa Capona ಠ_ಠ
Posté le 26-01-2004 à 10:49:25  profilanswer
 

_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

n°625012
_gero_
2eme Effet Kiss Cool ©
Posté le 29-01-2004 à 15:46:35  profilanswer
 

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>
  9. <div class="gauche">
  10. <ul>
  11. <li><? print "<a href=\"index.php3?page=news\"><img src=\"gifs\etiquettes\intro_off.gif\"/></a>\n"?></li>
  12. <li><? print "<a href=\"index.php3?page=alimentation\"><img src=\"gifs\etiquettes\alim_off.gif\"/></a>\n"?>
  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=sante\"><img src=\"gifs\etiquettes\sante_off.gif\"/></a>\n"?>
  15. <li><? print "<a href=\"index.php3?page=soins\"><img src=\"gifs\etiquettes\soins_off.gif\"/></a>\n"?>
  16. <li><? print "<a href=\"index.php3?page=habitat\"><img src=\"gifs\etiquettes\habitat_off.gif\"/></a>\n"?>
  17. <li><? print "<a href=\"index.php3?page=photos\"><img src=\"gifs\etiquettes\photos_off.gif\"/></a>\n"?>
  18. <li><? print "<a href=\"index.php3?page=videos\"><img src=\"gifs\etiquettes\videos_off.gif\"/></a>\n"?>
  19. <li><? print "<a href=\"index.php3?page=images\"><img src=\"gifs\etiquettes\images_off.gif\"/></a>\n"?>
  20. <li><? print "<a href=\"index.php3?page=blog\"><img src=\"gifs\etiquettes\blog_off.gif\"/></a>\n"?>
  21. <li><? print "<a href=\"index.php3?page=astuces\"><img src=\"gifs\etiquettes\astuces_off.gif\"/></a>\n"?>
  22. <li><? print "<a href=\"index.php3?page=liens\"><img src=\"gifs\etiquettes\liens_off.gif\"/></a>\n"?>
  23. <li><? print "<a href=\"index.php3?page=travaux\"><img src=\"gifs\etiquettes\blank.gif\"/></a>\n"?>
  24. </ul>
  25. </div>
  26. </body>
  27. </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 :
  2. .gauche {
  3.   position: absolute;
  4.   top: 8em;
  5.   left: -2%;
  6.   width: 18%;
  7.   }
  8. .gauche a:hover
  9. {
  10. background-color: #6D1772;
  11. color: #FFCCFF;
  12. border: none;
  13. }
  14. .cadre {
  15.     width: 65%;
  16.   }
  17.   .haut {
  18.     height: 50px;
  19.     background-image:url(haut.gif);
  20.   }
  21.   .hautd {
  22.     height: 50px;
  23.     width: 30px;
  24.     background-image:url(hautd.gif);
  25.     float: right;
  26.   }
  27.   .bas {
  28.     height: 50px;
  29.     background-image:url(bas.gif);
  30.   }
  31.   .basd {
  32.     height: 50px;
  33.     width: 30px;
  34.     background-image:url(basd.gif);
  35.     float: right;
  36.   }
  37.   .centre {
  38.     background-image:url(gauche.gif);
  39.     background-repeat: repeat-y;
  40.   }
  41.   .contenu {
  42.     background-image:url(droite.gif);
  43.     background-color:#6D1772;
  44.     background-repeat: repeat-y;
  45.     background-position: right;
  46.     padding: 0 10px 0 10px;
  47.     font-size : 10px;
  48.     font-family : Verdana;
  49. }
  50.   p {
  51.     margin: 0;
  52.     padding: 0;
  53.   }
  54.   .titre {
  55.     margin-left: 20px;
  56.   }
  57. BODY{
  58.    font-size : 10px;
  59.    font-family : Verdana;
  60.    color : #FFCCFF;
  61.    background : #FFCCFF url(http://) fixed repeat;
  62.    scrollbar-face-color: #721475;
  63.    scrollbar-shadow-color: #000000;
  64.    scrollbar-highlight-color: #000000;
  65.    scrollbar-3dlight-color: #000000;
  66.    scrollbar-darkshadow-color: #721475;
  67.    scrollbar-track-color: #721475;
  68.    scrollbar-arrow-color: #FFCCFF; 
  69. }
  70. a:link {
  71. font-family:verdana, sans-serif;
  72. font-size:100%;
  73. color:black;
  74. background-color:transparent;
  75. text-decoration:none;
  76. }
  77. a:visited {
  78. font-family:verdana, sans-serif;
  79. font-size:100%;
  80. color:#white;
  81. background-color:transparent;
  82. text-decoration:underline;
  83. }
  84. a:hover {
  85. font-family:verdana, sans-serif;
  86. font-size:100%;
  87. color:black;
  88. background-color:transparent;
  89. text-decoration:underline;
  90. }


---------------
| forum furets deglingues |
n°625122
_gero_
2eme Effet Kiss Cool ©
Posté le 29-01-2004 à 17:25:49  profilanswer
 

help :(


---------------
| forum furets deglingues |
n°625123
naceroth
Posté le 29-01-2004 à 17:26:28  profilanswer
 

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

n°625137
_gero_
2eme Effet Kiss Cool ©
Posté le 29-01-2004 à 17:34:22  profilanswer
 

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 |
n°625152
simogeo
j'ai jamais tué de chats, ...
Posté le 29-01-2004 à 17:44:06  profilanswer
 

ajoutes :  
 
img {
   border:none;
}


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
n°625411
_gero_
2eme Effet Kiss Cool ©
Posté le 29-01-2004 à 21:44:37  profilanswer
 

simogeo a écrit :

ajoutes :  
 
img {
   border:none;
}

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


---------------
| forum furets deglingues |
n°625491
belgique
Posté le 29-01-2004 à 23:14:36  profilanswer
 

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:

n°625540
jagstang
Pa Capona ಠ_ಠ
Posté le 30-01-2004 à 00:05:01  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

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

 

Sujets relatifs
[Delphi7] comment trouver la DNS a partir d'une IP ?Question sur les retours de fonction
[HTML] Cellule tableau, insérer une image et du texteEnregistrement d'image jpg/png/gif
[Eclipse] Vous avez des bons liens, de la doc en fra ou autre ?Actualisation d'une gallerie d'image automatiquement chaque semaine
Histoire de placement de noeuds et de liens...generer les diagrammes uml a partir du code
Envoi de message à Lotus Notes à partir d'un formulaire Access[C#]{résolu] Resizer une image dans pictureBox => pb taille > 256 px
Plus de sujets relatifs à : [php] Dde infos pour faire des liens à partir d'image , nvlle question


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