Html : des boutons qui affichent des images..
codeuse-débutante
Messages postés
4
Date d'inscription
Statut
Membre
Dernière intervention
-
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
notobe Messages postés 1952 Date d'inscription Statut Membre Dernière intervention -
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 html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- 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;
}
