Html : des boutons qui affichent des images..
codeuse-débutante
Messages postés
4
Statut
Membre
-
notobe Messages postés 2222 Statut Membre -
notobe Messages postés 2222 Statut Membre -
Bonjour, bonjour !!
je débute je voudrais savoir comment faire en html des boutons (du simple texte)
qui affichent des images différentes (1 par bouton) dans une div ) de la meme page.
merciiiii
je débute je voudrais savoir comment faire en html des boutons (du simple texte)
qui affichent des images différentes (1 par bouton) dans une div ) de la meme page.
merciiiii
A voir également:
- Html : des boutons qui affichent des images..
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- Nbsp html ✓ - Forum Webmastering
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
3 réponses
<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 -
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 ???
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;
}
