Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje20-03-2009, 02:41 (UTC)    
Título del mensaje: Mover una imagen y superponerla a otra .

Hola a todos!!!
necesito mover la imagen de un contador y superponerla a una imagen
mayor que forma parte de la página principal de mi web.
Lo he intentado de varias formas, pero el contador permanece "pegado"
en el lugar que muestra la imagen.
Agrego todos los codes empleados para una mejor ilustración del problema.

Pixelea:


Ruedas:
<br /><img src="http://img.webme.com/pic/w/wonderful495/ruedas.jpg"/>
<div style="position:absolute;left:1880px;top:300px:">

Contador:
<!-- NeoCounter total_country_visitors display ... START of code -->
<script language="javascript" src="http://neocounter.neoworx-blog-tools.net/neocounter2/neoworx_tracker.php?registered_id=89149&counter_id=89149"> </script>
<div id="neocounter4" style="position:relative; width:150px; height:300px">
<div id="map_popup4" style="position:absolute; z-index:999;"> <img name="map_image4" style="visibility:hidden"></div>
<script type="text/javascript"> counter_id=89149; display_type="total_country_visitors"; skin=null; mapside=null; autoresize=null;</script>
<script type="text/javascript" src="http://neocounter.neoworx-blog-tools.net/neocounter2/neocounter_launcher_4.js"></script> </div>
<!-- NeoCounter total_country_visitors display ... END of code --><br>
</div>
Les envío mi agradecimiento y un saludo cordial.
baldhur.
- - - - - - -A CONTINUACIÓN el problema " semi-resuelto" ME ESTÁ FALTANDO UN SOLO PASO : cómo poner el contador sobre la imagen anterior.


Gracias y saludos.


Ultima edición por wonderful495 el Vie Mar 20, 2009 8:53 am; editado 2 veces
Mensaje20-03-2009, 15:49 (UTC)    
Título del mensaje:

Puedes utilizar el code de objetos flotantes por coordenadas:
Cita:
<div style="position:absolute;left:6px;top:350px;">
CÓDIGO DE TU CONTADOR
</div>

Modifica el valor de left: mientras mas grande el número más a la derecha estará ubicado el contador.
Modifica el valor de top: mientras mas grande sea el número más abajo estará ubicado el contador.
Es cuestión de ir probando.

El code debe estar en "Texto por encima de la página" (Editar diseño/Configuraciones avanzadas)

Salu2!
Mensaje20-03-2009, 18:10 (UTC)    
Título del mensaje: Lo que me aconsejas No parece ser la Solución.

tokarg escribió:
Puedes utilizar el code de objetos flotantes por coordenadas:
Cita:
<div style="position:absolute;left:6px;top:350px;">
CÓDIGO DE TU CONTADOR
</div>

Modifica el valor de left: mientras mas grande el número más a la derecha estará ubicado el contador.
Modifica el valor de top: mientras mas grande sea el número más abajo estará ubicado el contador.
Es cuestión de ir probando.
El code debe estar en "Texto por encima de la página" (Editar diseño/Configuraciones avanzadas)
Salu2!

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Hola:
Justamente, el Code que tu indicas es el que he usado.
Así he logrado fijar el Valor del Lef en 550, que es el que se ve en la 2da imagen ya remitida. PERO no he podido lograr el Valor del Top.
Va un ejemplo de lo que afirmo: (en forma simplificada)
550px/0px = no da resultado.
550px/1px = " "
550px/10px= " "
550px/15px= " "
550px/20px= " "
550px/25px= " "
550px/50px= " "
550px/130px= " "
550px/150px= " "
550px/215px= " "
550px/250px= " "
550px/300px= " "
Si obsevamos el Code del Contador resulta "complejo" porque tiene varias
posiciones ( absoluta y relativa). Existe algún otro code con el que se pueda mover o arrastrar la imagen hasta el lugar deseado ? U otra forma de encarar y solucionar este ¿movimiento ?...
Saludos.
baldhur.
Mensaje21-03-2009, 01:21 (UTC)    
Título del mensaje:

Resulto , lo probe y resulto xP :

La imagen :

Código:

<br />
<table>
    <tbody>
        <tr>
            <td><img src="http://img.webme.com/pic/w/wonderful495/ruedas.jpg" alt="" /></td>
        </tr>
    </tbody>
</table>


Para poscionarlo :

Cita:

<div style="position: absolute; left: 145px; top: 400px;">Contador: <!-- NeoCounter total_country_visitors display ... START of code --> <script language="javascript" src="http://neocounter.neoworx-blog-tools.net/neocounter2/neoworx_tracker.php?registered_id=89149&counter_id=89149"> </script>
<div style="position: relative; width: 150px; height: 300px;" id="neocounter4">
<div style="position: absolute; z-index: 999;" id="map_popup4"><img style="visibility: hidden;" name="map_image4" alt="" /></div>
<script type="text/javascript"> counter_id=89149; display_type="total_country_visitors"; skin=null; mapside=null; autoresize=null;</script> <script type="text/javascript" src="http://neocounter.neoworx-blog-tools.net/neocounter2/neocounter_launcher_4.js"></script></div>
<!-- NeoCounter total_country_visitors display ... END of code --></div>


Solo posicona el left y top

salu2!
Mensaje21-03-2009, 03:00 (UTC)    
Título del mensaje:

warioteayuda escribió:
Resulto , lo probe y resulto xP :

La imagen :

Código:

<br />
<table>
    <tbody>
        <tr>
            <td><img src="http://img.webme.com/pic/w/wonderful495/ruedas.jpg" alt="" /></td>
        </tr>
    </tbody>
</table>


Para poscionarlo :

Cita:

<div style="position: absolute; left: 145px; top: 400px;">Contador: <!-- NeoCounter total_country_visitors display ... START of code --> <script language="javascript" src="http://neocounter.neoworx-blog-tools.net/neocounter2/neoworx_tracker.php?registered_id=89149&counter_id=89149"> </script>
<div style="position: relative; width: 150px; height: 300px;" id="neocounter4">
<div style="position: absolute; z-index: 999;" id="map_popup4"><img style="visibility: hidden;" name="map_image4" alt="" /></div>
<script type="text/javascript"> counter_id=89149; display_type="total_country_visitors"; skin=null; mapside=null; autoresize=null;</script> <script type="text/javascript" src="http://neocounter.neoworx-blog-tools.net/neocounter2/neocounter_launcher_4.js"></script></div>
<!-- NeoCounter total_country_visitors display ... END of code --></div>

Solo posicona el left y top
salu2!

_____________________________________________________________


Hola, gracias por tu ayuda, pero en mi caso no funcionó.Subo la última
imagen:


saludos.
baldhur.


Ultima edición por wonderful495 el Vie Mar 20, 2009 11:01 pm; editado 1 vez
Mensaje21-03-2009, 03:03 (UTC)    
Título del mensaje:

Podrias explicar mejor cual fue el problema ?

La imagen no esta bien posiionada ?

No esta encima de ella ?

salu2!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group