Comunidad de diseño web y desarrollo en internet online

imagenes "dinamicas" "mapa con imagenes"

Citar            
MensajeEscrito el 02 Ago 2007 08:48 am
busco algo asi, quiero que con unas imagenes (o una sola) , dependiendo de la seccion donde clickee se vaya a uno u otro link, esto se hace con la propiedad <map> de html, hasta ahi ok, pero tengo un problema, tambien queria que saliera un texto (que cambia dependiendo de la pagina que estoy visitando) en las imagenes , no se como hacerlo, porque el problema es que en una imagen solo puedo poner un texto en concreto.

Alguient tiene ideA? :crap:

Por digitall

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 Ago 2007 12:40 pm
Usa la imagen de fondo y de un div, y pones los links transparentes, y el texto encima. NO se que quieres hacer pero lo que se me ocurre es eso. Si no, prueba con Flash.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 02 Ago 2007 06:49 pm
tu idea me gusta, se hacer un div con una background image, pero como pongo el texto en una posicion en concreto (RESPECTO al div).

Por ejemplo que el texto1 empieze en la posicion (3,4) y el texto2 la posicion (4,7) (no se si me explico), pero quiero que al mover el div de sitio esto no se me joda claro...

Por digitall

6 de clabLevel



 

firefox
Citar            
MensajeEscrito el 02 Ago 2007 10:09 pm

digitall escribió:

tu idea me gusta, se hacer un div con una background image, pero como pongo el texto en una posicion en concreto (RESPECTO al div).

Por ejemplo que el texto1 empieze en la posicion (3,4) y el texto2 la posicion (4,7) (no se si me explico), pero quiero que al mover el div de sitio esto no se me joda claro...

Pues dale al div position:realtive; (con CSS) y si el texto está en <p> o <span> les das a estos position:absolute; y luego el top y el left que quieras. Sería algo así:

Código :

<div style="position:relative;">
  <p style="position:absolute; top:4px; left:3px;">Texto Uno</p>
  <p style="position:absolute; top:7px; left:4px;">Texto Dos</p>
</div>


Puede que haya una "mejor" manera de hacerlo pero habría que ver la página en general.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.