Lien cliquable
martine et chantal
Messages postés
517
Statut
Membre
-
Breub62 Messages postés 3452 Statut Membre -
Breub62 Messages postés 3452 Statut Membre -
Bonjour,
J'ai un BOUTON 1 cliquable qui fait apparaitre une IMAGE 1 et un BOUTON 2
Le BOUTON 2 est un lien pour une autre page internet (myspace)
J'aimerai que le BOUTON 2 ne soit pas un bouton ouvrable/fermable ...?
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Groupe</title>
<style type="text/css">
body {
background-image: url("IMAGE FOND.JPG");
background-repeat: no-repeat;
background-position: 50% 25% ;
background-attachment: fixed;
background-color: black;
color: white;
}
.BOUTON1 { position: absolute; top:25%; left:50%; margin-top: 97px; margin-left: -98px; z-index:2; }
.BOUTON2 { position: absolute; top:25%; left:50%; margin-top: 104px; margin-left: 74px; z-index:2; }
.IMAGE1 { position: absolute; top:25%; left:50%; margin-top: 35px; margin-left: -130px; z-index:2; }
</style>
<script type="text/javascript">
function toggle1() {
var div1 = document.getElementById('div1');
div1.style.display = (div1.style.display == 'none') ? 'block' : 'none' ;
}
function toggle2() {
var div2 = document.getElementById('div2') ;
div2.style.display = (div2.style.display == 'none') ? 'block' : 'none' ;
}
</script>
</head>
<body>
<div class="BOUTON1">
<a href="#" onclick="toggle1(); toggle2(); return false;">
<img src="BOUTON2.JPG" alt="" style="border:0px;" />
</a>
<div class="IMAGE1" id="div1" style="display:none;">
<img src="IMAGE1.JPG" alt="" style="border:0px;" />
</div>
</div>
<div class="BOUTON2" id="div2" style="display:none;">
<a href="https://myspace.com/" onclick="window.open(this.href); return false;">
<img src="BOUTON2.JPG" alt="" style="border:0px;" />
</a>
</div>
</body>
</html>
J'ai un BOUTON 1 cliquable qui fait apparaitre une IMAGE 1 et un BOUTON 2
Le BOUTON 2 est un lien pour une autre page internet (myspace)
J'aimerai que le BOUTON 2 ne soit pas un bouton ouvrable/fermable ...?
<!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" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Groupe</title>
<style type="text/css">
body {
background-image: url("IMAGE FOND.JPG");
background-repeat: no-repeat;
background-position: 50% 25% ;
background-attachment: fixed;
background-color: black;
color: white;
}
.BOUTON1 { position: absolute; top:25%; left:50%; margin-top: 97px; margin-left: -98px; z-index:2; }
.BOUTON2 { position: absolute; top:25%; left:50%; margin-top: 104px; margin-left: 74px; z-index:2; }
.IMAGE1 { position: absolute; top:25%; left:50%; margin-top: 35px; margin-left: -130px; z-index:2; }
</style>
<script type="text/javascript">
function toggle1() {
var div1 = document.getElementById('div1');
div1.style.display = (div1.style.display == 'none') ? 'block' : 'none' ;
}
function toggle2() {
var div2 = document.getElementById('div2') ;
div2.style.display = (div2.style.display == 'none') ? 'block' : 'none' ;
}
</script>
</head>
<body>
<div class="BOUTON1">
<a href="#" onclick="toggle1(); toggle2(); return false;">
<img src="BOUTON2.JPG" alt="" style="border:0px;" />
</a>
<div class="IMAGE1" id="div1" style="display:none;">
<img src="IMAGE1.JPG" alt="" style="border:0px;" />
</div>
</div>
<div class="BOUTON2" id="div2" style="display:none;">
<a href="https://myspace.com/" onclick="window.open(this.href); return false;">
<img src="BOUTON2.JPG" alt="" style="border:0px;" />
</a>
</div>
</body>
</html>
A voir également:
- Lien cliquable
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien copié - Forum Mobile
- Aucune application permettant d'ouvrir ce lien n'a été trouvée ✓ - Forum Wiko
