Hola Oscar:
Lo primero que se me ocurre es que pongas una imagen con el mapa y las
estaciones dibujadas y le pongas encima una "mapa" de html o sea <map></map>
Dentro del mapa defines áreas que serían los puntoc calientes o áreas
activas que funcionan como links básicamente. Hay cosas [img], [scalebar]
que no son HTML puro, pero la idea es exactamente lo que tú andas buscando.
Espero que te sirva.
ss
PB
<div id="mapa">
<input alt="este es el mapa" class="mapaImg" id="img" name="img" src="[img]"
type="image"><br /><div id="navega"><img src="/images/flechitas.gif"
usemap="#mPan"/>
<map id="mPan" name="mPan">
<area alt="NW" coords="0,0,20,20" href='JavaScript:pan("nw")' shape="rect"
/>
<area alt="W" coords="0,20,20,40" href='JavaScript:pan("w")' shape="rect" />
<area alt="SW" coords="0,40,20,60" href='JavaScript:pan("sw")' shape="rect"
/>
<area alt="N" coords="20,0,40,20" href='JavaScript:pan("n")' shape="rect" />
<area alt="S" coords="20,40,40,60" href='JavaScript:pan("s")' shape="rect"
/>
<area alt="NE" coords="40,0,60,20" href='JavaScript:pan("ne")' shape="rect"
/>
<area alt="SE" coords="40,20,60,40" href='JavaScript:pan("e")' shape="rect"
/>
<area alt="SE" coords="40,40,60,60" href='JavaScript:pan("se")' shape="rect"
/>
</map></div><img src="[scalebar]" id="escala" /></div>
aquí te pongo el CSS:
#mapa{
position: relative;
width: 566px;
height: 476px;
float: left;
border: solid 2px #5381A7;
}
#escala, #navega{
right: 8px;
bottom: 8px;
filter: Alpha(Opacity=70);
opacity: .7;
position:absolute;
}
#navega { top: 8px; width: 60px; height: 60px; }
----- Original Message -----
From: "OSCAR GUERRA NÚÑEZ" <[EMAIL PROTECTED]>
To: <ovillo@lists.ovillo.org>
Sent: Wednesday, June 07, 2006 11:18 AM
Subject: [Ovillo] HACER PLANO DE METRO EN CSS
Estimados amigos
me acabo de iniciar con dreamweaver. Me defiendo con html y CSS, pero
solamente diselo páginas sencillas con textos, alguna imagen y cajas,
contenedores (todo muy plano).
Quería saber cómo se podría hacer por ejemplo una wb que fuera un mapa de
metro y en cada estación pudieras acceder a diferentes documentos (esto sé
que se haría con hipervínculos).
Pero como hacer páginas más asimétricas como por ejemplo un mapa de metro.
Quizá alguien me pueda enviar un ejemplo en CSS
GRACIAS AMIGOS
OSCAR
_________________________________________________________________
Descubre la descarga digital con MSN Music. Más de un millón de canciones.
http://music.msn.es/
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
