Insérer image en fond sur un lein
Résolu
boss
-
boss -
boss -
Bonjour,
voila en faite j'ai fais un bouton web et je voudrais mettre un lien par dessus genre Accueil ou forum mais j'arrive pas a placer l'image en fond si vous pouvez me donnez l'astuce se serait cool
voila en faite j'ai fais un bouton web et je voudrais mettre un lien par dessus genre Accueil ou forum mais j'arrive pas a placer l'image en fond si vous pouvez me donnez l'astuce se serait cool
A voir également:
- Insérer image en fond sur un lein
- Insérer une vidéo sur powerpoint - Guide
- Insérer signature word - Guide
- Comment inserer une image sur word - Guide
- Insérer liste déroulante excel - Guide
- Comment insérer des points de suite sur word - Guide
7 réponses
En HTML ?
ben tu mets le lien autour de l'image :
<a href="lapagedulien"><img src="ladresse de l image" alt=''></a>
ben tu mets le lien autour de l'image :
<a href="lapagedulien"><img src="ladresse de l image" alt=''></a>
oui mais sur le la page sa met l'image et juste a coter le lien moi je veut que le lien et sur l'image
voici le code que j'ai mit :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="include.css" />
</head>
<body>
<div id = "menu">
<a href = "camas.php"><img src = "image/bouton_aqua.png" alt = "voici l'acueil"/>Accueil</a>
</div>
</body>
</head>
et voici ce que sa me fait sur ma page:
[URL=http://www.hostingpics.net/viewer.php?id=202630Sans_titre.jpg][IMG]http://img6.hostingpics.net/thumbs/mini_202630Sans_titre.jpg[/IMG][/URL]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="include.css" />
</head>
<body>
<div id = "menu">
<a href = "camas.php"><img src = "image/bouton_aqua.png" alt = "voici l'acueil"/>Accueil</a>
</div>
</body>
</head>
et voici ce que sa me fait sur ma page:
[URL=http://www.hostingpics.net/viewer.php?id=202630Sans_titre.jpg][IMG]http://img6.hostingpics.net/thumbs/mini_202630Sans_titre.jpg[/IMG][/URL]
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ha du voudrais mettre le texte du lien dans l'image, j'avais pas vu ca comme ca ^^
heu ben peut être qu'avec ca :
<a href = "camas.php" style="background-image: url('image/bouton_aqua.png') ;">Accueil</a>
par contre je garanti pas le résultat ^^
heu ben peut être qu'avec ca :
<a href = "camas.php" style="background-image: url('image/bouton_aqua.png') ;">Accueil</a>
par contre je garanti pas le résultat ^^
on faite j'ai trouver la solution la voici pour ceux qui auront le même problème :
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="include.css" />
</head>
<body>
<div id = "menu">
<a href = "cama.php">Accueil</a>
</div>
</body>
</head>
CSS:
body
{
width: 100%;
}
#menu
{
background-image: url("image/bouton_aqua.png");
padding-top: 10px;
padding-left: 35px;
font-size: 20px;
height: 40px;
width: 360px;
}
#menu a
{
color: white;
font-size: 25px;
text-decoration: none;
}
#menu a:hover
{
color: black;
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="include.css" />
</head>
<body>
<div id = "menu">
<a href = "cama.php">Accueil</a>
</div>
</body>
</head>
CSS:
body
{
width: 100%;
}
#menu
{
background-image: url("image/bouton_aqua.png");
padding-top: 10px;
padding-left: 35px;
font-size: 20px;
height: 40px;
width: 360px;
}
#menu a
{
color: white;
font-size: 25px;
text-decoration: none;
}
#menu a:hover
{
color: black;
}