Menú

Mostrar Mensajes

Esta sección te permite ver todos los mensajes escritos por este usuario. Ten en cuenta que sólo puedes ver los mensajes escritos en zonas a las que tienes acceso en este momento.

Mostrar Mensajes Menú

Mensajes - ChIkO PoTTeR

#1
reemplaza el texto "Opcion 1" por tus div

Asi:

Código (html4strict) [Seleccionar]

<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
<ul>
<li>
<a href="#op1">
<div style="background-image: url(image1.png); width: 25px; height: 25px; cursor: pointer;">
</div>
</a>
</li>
<li>
<a href="#op2">
<div style="background-image: url(image2.png); width: 25px; height: 25px; cursor: pointer;">
</div>
</a>
</li>
<li>
<a href="#op3">
<div style="background-image: url(image3.png); width: 25px; height: 25px; cursor: pointer;">
</div>
</a>
</li>
</ul>
</div>
#2
el href del pageink si funciona, igual te dejo un ejemplo por si tienes dudas.

Código (html4strict) [Seleccionar]

<html>
<head>
<title>Anclas - Anchor</title>
</head>

<body>
<div id="menu" style="border: solid 1px Red; height: 800px; width: 100px;">
<ul>
<li><a href="#op1">Opcion 1</a></li>
<li><a href="#op2">Opcion 2</a></li>
<li><a href="#op3">Opcion 3</a></li>
</ul>
</div>
<div id="opciones" style="width: 100px;">
<div id="op1" style="border: solid 1px Blue; width: 100px; height: 300px;">
Opcion 1
<a href="#menu">Volver</a>
</div>
<div id="op2" style="border: solid 1px Black; width: 100px; height: 400px;">
Opcion 2
<a href="#menu">Volver</a>
</div>
<div id="op3" style="border: solid 1px Green; width: 100px; height: 500px;">
Opcion 3
<a href="#menu">Volver</a>
</div>
</div>
</body>
</html>
#3
Código (html4strict) [Seleccionar]

<html>
<head>
<title>Conexion</title>
<script type="text/javascript" language="javascript">
var connected = true;
function refresh() {
if(connected) {
var div = document.getElementById('online');
div.style.display = "block";
setTimeout('document.location.reload()', 5000);
} else {
var div = document.getElementById('offline');
div.style.display = 'block';
setTimeout('document.location.reload()', 10000);
}
}

function offline() {
connected = false;
refresh();
}
</script>
</head>

<body>
<img src="image.png" onload="refresh();" onerror="offline();" style="display: none;" />
<div id="online" style="display: none; color: Green; font-weight: bold;">
Estas Conectado
</div>
<div id="offline" style="display: none; color: Red; font-weight: bold;">
Estas Desconectado
</div>
</body>
</html>

Colocalo asi... corre bien  :D