Insérer image en fond sur un lein
Résolu/Fermé
A voir également:
- Insérer image en fond sur un lein
- Insérer signature word - Guide
- Insérer liste déroulante excel - Guide
- Image iso - Guide
- Insérer une vidéo dans powerpoint - Guide
- Comment inserer une image sur word - Guide
7 réponses
jeangilles
Messages postés
816
Date d'inscription
samedi 21 juin 2008
Statut
Membre
Dernière intervention
17 juillet 2012
185
10 juin 2009 à 16:22
10 juin 2009 à 16:22
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
jeangilles
Messages postés
816
Date d'inscription
samedi 21 juin 2008
Statut
Membre
Dernière intervention
17 juillet 2012
185
10 juin 2009 à 16:27
10 juin 2009 à 16:27
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]
<!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
jeangilles
Messages postés
816
Date d'inscription
samedi 21 juin 2008
Statut
Membre
Dernière intervention
17 juillet 2012
185
10 juin 2009 à 16:43
10 juin 2009 à 16:43
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;
}