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
Configuration: Windows Vista Firefox 2.0.0.20
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> -
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
-
ben non là comme je l'ai mis l'image est dans le lien
-
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] -
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 ^^ -
-
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;
}
