Html : des boutons qui affichent des images..
Fermé
codeuse-débutante
Messages postés
4
Date d'inscription
dimanche 19 décembre 2010
Statut
Membre
Dernière intervention
10 janvier 2011
-
20 déc. 2010 à 00:58
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 20 déc. 2010 à 14:14
notobe Messages postés 1952 Date d'inscription mercredi 11 novembre 2009 Statut Membre Dernière intervention 8 juillet 2011 - 20 déc. 2010 à 14:14
A voir également:
- Html : des boutons qui affichent des images..
- Editeur html - Télécharger - HTML
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- &Nbsp html ✓ - Forum Webmastering
- [HTML] - á et les autres - Forum HTML
3 réponses
Utilisateur anonyme
Modifié par irongege le 27/02/2011 à 13:57
Modifié par irongege le 27/02/2011 à 13:57
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:24px;
top:20px;
width:117px;
height:82px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:284px;
top:21px;
width:593px;
height:382px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:277px;
top:19px;
width:587px;
height:402px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:-1px;
top:92px;
width:119px;
height:85px;
z-index:4;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div id="apDiv1">
<p onclick="MM_showHideLayers('apDiv2','','show','apDiv3','','hide')">Calque 1</p>
<div id="apDiv4" onclick="MM_showHideLayers('apDiv2','','hide','apDiv3','','show')">Calque 2</div>
</div>
<div id="apDiv2"><img src="http://img189.imageshack.us/img189/4156/logosatsu.png" /></div>
<div id="apDiv3"><img src="http://img121.imageshack.us/img121/8972/vectotriumph02.png" width="460" height="458" /></div>
Tous ce passe dans le CSS pour la position des div dans l'espace
bon là jai fais ca un peu rapide le Div 1et4 sont les bontons
et le div 2 et 3 , les photo 1 et 2
__
_/ \_____________________
\__/ - diablobros was here -
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
20 déc. 2010 à 12:15
20 déc. 2010 à 12:15
je voudrais savoir comment faire en html des boutons (du simple texte) qui affichent des images différentes (1 par bouton) de la meme page.
IMPOSSIBLE ! ça ne veut rien dire ...
ce sont, je pense d'après ce que tu dis, des images, qui sont donc visibles et sur lesquelles tu voudrais qu'en cliquant on soit dirigé vers ...
oui, non ???
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
20 déc. 2010 à 14:14
20 déc. 2010 à 14:14
http://css.mammouthland.net/menu-horizontal-en-css.php#graphique
A modifier avec des classes pour chaque item avec des images différentes.
genre :
A modifier avec des classes pour chaque item avec des images différentes.
genre :
<ul> <li><a href="#" class="bouton1">Item 1</a></li> <li><a href="#" class="bouton2">Item 2</a></li> </ul>
ul li a {
display:block;
float:left;
width:100px;
line-height:50px; /*hauteur de l'image de fond*/
color:#DCDCDC;
text-decoration:none;
text-align:center;
}
ul li a.bouton1 {
background:black url(images/image1.png) repeat-x;
}
ul li a.bouton2 {
background:black url(images/image2.png) repeat-x;
}
