"index-z" en formulario?

[NaRanJiTo78]

Hola!

Tengo un formulario, el cual uno de los campos es para poner una fecha, y se abre un calendario.

El tema está en que dicho calendariosale por debajo de los demás campos.

Hay alguna de poner dicho campo "por encima" de los demás o algo así, estilo "index-z" en css?

Un saludo, muchas gracias

[Hidek1]

el tema no tienen nada que ver con php.. consulta en en el foro de Javascript
para que puedan ayudarte..
saludos!

[GatorV]

Tema movido desde PHP a Javascript

[NaRanJiTo78]

Y como lo puedo solucionar?

Este es el código cuando aparece js:

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function() {
$("#datepicker").datepicker({ dateFormat: 'dd-mm-yy' });
});
</script>
<li><label for="datepicker"><strong><span class="blue">*</span> Fecha : </strong></label>
<input id="datepicker" select class="iselect" name="datepicker" type="text" value="Introduzca una fecha"size="20" /></li>

[PabloLPastor]

Probablemente estés usando el calendario sobre algún elemento que está posicionado con un z-index mayor y aparece sobre él. Esto puede pasar si lo usas por ejemplo en una ventana de diálogo de jqueryUI.

Puedes probar a poner un z-index muy alto para el calendario:

<style type="text/css">
.ui-datepicker {z-index:99999;}
</style>

[NaRanJiTo78]

Hola Pablo, el caso es que me sigue ocurriendo lo mismo poniendo z-index en 99999, te pongo el link:

http://www.firenetworks.eu/Reservas/index.php

(Al dar a fecha el calendario sale por debajo)

y el css:

.iform2 {font: 12px/26px Verdana, Geneva, sans-serif; width:400px; margin:30px auto;z-index:10;top:30px; z-index:9999;}

Que es lo que tengo mal?

Puede ser alguna interacción extraña de jquery con datepicker?El caso es que lo tengo en otro formulario parecido y no da problemas...

[PabloLPastor]

Hola,

Por lo que veo en la página sí que es un problema del z-index, tienes que cambiarselo a ui-datepicker.

Prueba a poner el código que te dije antes:

Código HTML:

<style type="text/css">
.ui-datepicker {z-index:99999;}
</style>
 

Directamente en la página, justo antes de </head>

[NaRanJiTo78]

Mil gracias Pablo, tenías razón!

Un saludo