Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje21-09-2011, 02:13 (UTC)    
Título del mensaje: COMO MUEVO ESTO.

me gustaria saber como puedo correr la imagen que está encerrada en rojo en la siguiente imagen:

http://img71.xooimage.com/files/a/7/6/ejemplo-2d04e10.png

como pueden ver, la flecha apuntando hacia la derecha, esta por fuera de la galeria, en cambio la flecha apuntando hacia la izquierda está dentro de la galeria. me gustaria que la flecha apuntando hacia la izquierda estubiera del mismo modo que el de la derecha.

código de la galeria:


Código:

<link rel="stylesheet" media="all" type="text/css" href="http://www.todoparatuweb.com/css/galeria.css" />
<script src="http://img4.xooimage.com/files/a/9/3/jquery-b17397.js" type="text/javascript"></script>
<script src="http://img26.xooimage.com/files/7/9/a/photo-slide-ef1953.js" type="text/javascript"></script>
<div id="broder">
<div id="slide">
         <a id="p1" href="#url"><img src='http://www.todoparatuweb.com/imagenes/003_img-post.jpg' /></a>
         <a id="p2" href="#url"><img src='http://www.todoparatuweb.com/imagenes/003_barco.jpg' /></a>
         <a id="p3" href="#url"><img src='URL IMAGEN 1' /></a>
         <a id="p4" href="#url"><img src='URL IMAGEN 1' /></a>
         <a id="p5" href="#url"><img src='URL IMAGEN 1' /></a>
      </div>
<div id="previous"><b>Anterior</b></div>
<div id="next"><b>Siguiente</b></div>
<div id="buttons">
         <div id="b1"><b>1</b></div>
         <div id="b2"><b>2</b></div>
         <div id="b3"><b>3</b></div>
         <div id="b4"><b>4</b></div>
         <div id="b5"><b>5</b></div>
</div>
</script>
</div>
Mensaje21-09-2011, 13:19 (UTC)    
Título del mensaje:

Puedes mover el div mediante css.

Cita:

<link rel="stylesheet" media="all" type="text/css" href="http://www.todoparatuweb.com/css/galeria.css" />
<script src="http://img4.xooimage.com/files/a/9/3/jquery-b17397.js" type="text/javascript"></script>
<script src="http://img26.xooimage.com/files/7/9/a/photo-slide-ef1953.js" type="text/javascript"></script>
<div id="broder">
<div id="slide">
<a id="p1" href="#url"><img src='http://www.todoparatuweb.com/imagenes/003_img-post.jpg' /></a>
<a id="p2" href="#url"><img src='http://www.todoparatuweb.com/imagenes/003_barco.jpg' /></a>
<a id="p3" href="#url"><img src='URL IMAGEN 1' /></a>
<a id="p4" href="#url"><img src='URL IMAGEN 1' /></a>
<a id="p5" href="#url"><img src='URL IMAGEN 1' /></a>
</div>
<div id="previous" style="position:absolute; left: -25px; top:174 px;"><b>Anterior</b></div>
<div id="next"><b>Siguiente</b></div>
<div id="buttons">
<div id="b1"><b>1</b></div>
<div id="b2"><b>2</b></div>
<div id="b3"><b>3</b></div>
<div id="b4"><b>4</b></div>
<div id="b5"><b>5</b></div>
</div>
</script>
</div>

Tienes que modificar lo que esta en Azul

Vista Previa:
http://design-pwg.es.tl/cryf.htm
Nota:
Lo hice para 1024x768

Saludos!
Design-PWG.
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group