PHP

[php]coupler un bouton à un lien

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [php]coupler un bouton à un lien

G@mbit

Parce que ça chie à l'oreille

Salut à tous!

voila, je voudrais faire une petite page web en idex, et j'aimerai y mettre deux boutons, un "entrer" et un autre "sortir".
Je voudrai que le premier lien me fasse acceder au site web, et que le second me renvoie sur google...
comment dois-je m'y prendre?

j'ai cette base là:

Citation :

mais qui ne marche visiblement pas.
Si certains peuvent m'aider.
Merci par avance

---------------
Ma Galerie Photo

Publicité

gatsu35

Blablaté par Harko

et pourquoi ne pas mettre un lien ?

bricocoman

j'aime les modos

oué, un lien sur un gif qui te dirige vers ton site et un autre gif qui dirige sur google

G@mbit

Parce que ça chie à l'oreille

je trouvais l'idée des boutons plus originale, mais si ce n'est pas possible, c'est ce que je vais faire...

---------------
Ma Galerie Photo

gatsu35

Blablaté par Harko

ben on peut styler les liens en CSS pour les faire ressembler à des boutons

Message cité 1 fois

CyberDenix

gatsu35 a écrit :

ben on peut styler les liens en CSS pour les faire ressembler à des boutons

Exactement ! :hello:

Il existe aussi la solution du <input name='...' type='image'>, mais il faut tester les coordonnées en POST : if(isset($_POST[..._x])), par exemple. Mais c'est pas tip top quand on connaît les capacités du css.

Je te fais donc une démo css, avec des liens, mais celà reste valable avec des inputs.

Solution 1

Dans ton .php :

Code :

// On affiche un lien-image avec comme contenu un gif transparent de 1x1 
// En effet, si on ne place pas de contenu, on a pas d'image !
echo '<a href=\'...\'><img id=\'monimage\' src=\'images/spacer.gif\'/></a>';

Dans ton .css :

Code :

img#monimage {
  width:200px;
  height:50px;
  background:url('images/monimage.png') 0px 0px;
}

Et hop tu as ton lien-image.
A noter que tu peux directement placer le background, width, height sur ton élément a, par exemple si tu souhaites avoir une image en arrière plan et écrire à l'aide de php le libellé de ton lien.

Solution 2

Dans ton .php :

Code :

// On affiche un lien-image avec comme contenu 'Cliquez ici, viiiite !'
echo '<a id=\'monlien\' href=\'...\'>Cliquez ici, viiiite !</a>';

Dans ton .css :

Code :

a#monlien {
  /* on ne spécifie généralement pas la largeur,               */
  /* car on préfère que le lien s'étire en fonction du libellé */
  height:50px;
  background:url('images/monimage.png') 0px 0px;
}

Mais il y a encore mieux...

Solution 3

Je ne détaille pas la solution 3 car je pense qu'à ton niveau tu n'en auras pas besoin, mais je te l'explique brièvement au cas où...
Il s'agit de combiner les solution 1 et 2, de sorte que l'arrière plan et le texte soit générés par GD2.
Tu créées alors dynamiquement une image avec du texte dessus.
Ton image est redimensionnable sans perte de qualité et tu peux utiliser les polices d'écriture que tu souhaites (et à ma connaissance c'est le seul moyen qui existe actuellement).
Problème : il faut avoir le module GD2 d'activé, ce que ne proposent pas tous les hébergeurs...

Voilà ! :wahoo:

Message édité par CyberDenix le 19-01-2008 à 14:55:42

---------------
Directeur Technique (CTO)

G@mbit

Parce que ça chie à l'oreille

merci à vous, finallement, j'ai opté pour des images, qui étaient beaucoup plus simple a faire, puisque je ne sais pas comment relier un fichier php avec un autre fichier css...

---------------
Ma Galerie Photo

CyberDenix

Oh je comprends c'est très compliqué... :lol:

Code :

echo '<head>'."\n";
echo '  <link rel=\'stylesheet\' href=\'ton_fichier_de_style.css\' type=\'text/css\'/>'."\n";
echo '</head>'."\n";

Message cité 1 fois

---------------
Directeur Technique (CTO)

G@mbit

Parce que ça chie à l'oreille

CyberDenix a écrit :

Oh je comprends c'est très compliqué... :lol:

Code :

echo '<head>'."\n";
echo '  <link rel=\'stylesheet\' href=\'ton_fichier_de_style.css\' type=\'text/css\'/>'."\n";
echo '</head>'."\n";

mais heeeeeuuuu !!!

toi qui a l'air de t'y connaitre, aide moi dans mon nouveau probleme

sur cette page:
http://gmp25.free.fr/

je voudrait que le logo tout au dessus fasse une bande complete (que ça parte de la gauche de la page, et qu eça s'arrete tout à droite), grace à la répétition d'un petit morceau de bandeau...

on fait ça comment?
Je sais pas si tu vois ce qu eje veux dire...

PS: que penses tu de mes boutons finallement
Ps2: si tu test les boutons, ne test pas celui du bas

---------------
Ma Galerie Photo

CyberDenix

Je te propose l'exemple suivant :

Le code CSS :

Code :

div#header {
  width:600px;
  height:50px;
  background:url('mon_image_de_fond.png') 0px 0px;
}
 
div#image_de_gauche {
  width:200px;
  background:url('mon_image_de_gauche.png') 0px 0px;
  float:left;
}
 
div#image_du_milieu {
  width:200px;
  background:url('mon_image_du_milieu.png') 0px 0px;
  float:left;
}
 
div#image_de_droite {
  width:200px;
  background:url('mon_image_de_droite.png') 0px 0px;
  float:left;
}
 
.clear {
  clear:both;
}

Le code HTML :

Code :

<body>
  <div id='header'>
    <div id='image_de_gauche'></div>
    <div id='image_du_milieu'></div>
    <div id='image_de_droite'></div>
    <div class='clear'></div>
  </div>
</body>

Message édité par CyberDenix le 21-01-2008 à 10:37:29

Publicité

G@mbit

Parce que ça chie à l'oreille

j'essairai dès que possible

---------------
Ma Galerie Photo

FORUM HardWare.fr

Programmation

PHP

[php]coupler un bouton à un lien

Sujets relatifs
Bouton pour selection du dossier.	lancer une fonction php en cliquant sur un bouton
lancer une fonction php à partir d'un bouton ("button")	Lien en couleur quand on est dessus
[JS] Problème de value et d'incertion de lien dans inner.HTML	Ouvrir un lien dans un div
survol d'un lien, apparition decalee d'une image, au secours !!!!	Validation de plusieurs formulaire avec un seul bouton
Diviser une bannière en plusieur lien (si possible)
Plus de sujets relatifs à : [php]coupler un bouton à un lien

Page générée en 0.075 secondes