Hola gente!
Tengo 2 formularios que contienen imagenes como "botón" para moverse al día anterior o al día siguiente.
Lo que quiero hacer es: Si la página está vacía, que las imagenes se muestren en las esquinas inferior izquierda e inferior derecha,respectivamente. Esto lo tengo solucionado con capas:
Código HTML:
<div id="Layer2" style="position:absolute; width:75px; height:27px; z-index:2; left: 935px; top: 335px;">
[PHP]
echo '<form name="siguienteDia" method="get" action="inferior.php">
<input type="hidden" name="doctor" value="'.$doctor.'">
<input type="hidden" name="fecha" value="'.$fecha_sig.'">
<input type="image" src="../Imagenes/sig-7.JPG">
</form>';
[/PHP]
</div>
<div id="Layer1" style="position:absolute; width:81px; height:27px; z-index:1; top: 335px; left: 20px;">
[PHP]
echo '<form name="dia_anterior" method="get" action="inferior.php">
<input type="hidden" name="doctor" value="'.$doctor.'">
<input type="hidden" name="fecha" value="'.$fecha_ant.'">
<input type="image" src="../Imagenes/ant-7.JPG">
</form>';
[/PHP]
</div>
Pero si el texto que contiene la página supera el espacio "vacío", la imagen se superpone al contenido. Y mi intención es que se desplacen las 2 imagenes dinámicamente.
Agradecería que alguien me dijese si esto es factible.
Gracias.