[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > Mettre lien sur un bouton > Lecture du sujet

Mettre lien sur un bouton

C est bete non?

Vous devez être inscrit pour pouvoir poster des messages

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

marchaiseng

# Posté le 10/07/2008 à 19:19:36

Groupe : Membres

Bonjour la compagnie,

J ai crée un beau bouton (mon premier

) avec gimp...Or comment mettre le lien dessus : c est à dire l'écriture même.

Merci d'avance.
(celui qui rit derriere son pc en lisant ma question... ben qu'il sache ... qu'il n'a pas forcément tort) :colere2:

)

jordan

# Posté le 10/07/2008 à 19:26:32

Développeur indépendant

Groupe : Membres

Bonjour,

L'image de ton bouton doit être mise en fond de la balise <a> puisque tu veux ajouter le texte directement sur la page html et pas sur ton image.

++

basco

# Posté le 10/07/2008 à 19:31:04

Groupe : Membres

Si c'est une image cliquable que tu veut sa donne sa :

<p>
<a href="ici ton lien"><img src="ici ton image" alt="ici son nom" /></a>
</p>

nicko77

# Posté le 10/07/2008 à 19:37:35

what's up ?

Groupe : Membres

Yop.

HTML :

Code : HTML

1	<a href="" id="coucou">Coucou</a>

CSS :

Code : CSS

a#coucou
{
display: block;
width: ;/*largeur de ton image*/
height: ;/*hauteur de ton image*/
background-image: url();
}

Voilou. C'est ce qu'il te fallait ?

marchaiseng

# Posté le 10/07/2008 à 21:18:06

Groupe : Membres

Je vous remercie tous mais ça ne fonctionne pas.

En pur html:

Code : HTML

<html>
<head><title>Essai bouton</title>
</head>
<body>
<a href="file:///C:/Documents%20and%20Settings/Enguerrand/Mes%20documents/2%C3%A8me%20page.html"><img src="file:///C:/Documents%20and%20Settings/Enguerrand/Mes%20documents/mon%20premier%20boutionnnn.jpg" alt="Lien" />Lien</a>
</body>
</html>

En css:

Html:
Code : HTML

<html>
<head><title>Essai bouton</title>
</head>
<body>
<a href="file:///C:/Documents%20and%20Settings/Enguerrand/Mes%20documents/2%C3%A8me%20page.html" id="bouton"></a>
</body>
</html>

CSS:
Code : CSS

a#bouton
{
display: block;
width: 120px;
height: 30px;
background-image: url(file:///C:/Documents%20and%20Settings/Enguerrand/Mes%20documents/Cr%C3%A9ation%20entreprise%20et%20business/Site/Test%20creation%20site/mon%20premier%20boutionnnn.jpg);
}

VOila dites moi ce qui ne vas pas... Ce que j veux c est que l'on voit marquer tout simplemet sur le bouton par exemple le nom du lien comme accueil, page 1 ou je sais pas quoi....
Voyez vous où je veux en venir?

Merci quand même et bonne soirée à tous.

mike-powell

# Posté le 10/07/2008 à 21:26:34

Qui ne tente rien, n'a rien ^^
Groupe : Membres

Le problème c'est qu'il ne faut pas que tu mette l'url entière ou se trouve ton fichier sur ton disque dur, par exemple tu créé un dossier nommer "site web", dans ce dossier tu met toutes tes pages de ton site, et dans ce même dossier tu crée un dossier nommé "images", dans ce dossier tu met ton bouton.

Ensuite dans ton code css tu met sa :

Code : CSS

#bouton
{
display: block;
width: 120px;
height: 30px;
background-image: url(images/bouton.jpg);
}

Et dans le html :

Code : HTML

1	<a id="bouton" href="acceuil.html">Aceuill</a>

Normalement sa devrait fonctionner

Édité le 10/07/2008 à 21:27:43 par mike-powell

marchaiseng

# Posté le 10/07/2008 à 21:38:46

Groupe : Membres

all it's ok....

Merci beaucoup reste plus qu'à mettre le texte en forme.

Bonne soiréeeee :-°

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Mettre lien sur un bouton

C est bete non?