1
You have this option... See if it helps.
.lightbox {
/** Esconde a classe lightbox */
display: none;
/** Estilo basico para a classe */
}
.lightbox:target {
/** Aplica essa regras quando target ocorre na classe */
display: inline-block;
outline: none;
}
a{
display:block;
}
input{
float:left;
}
.close{
/**Classe para fechar a div, se quiser*/
display:inline;
padding-left:7px;
}
<header>Digitação de Guias</header>
<hr/>
<a href="#content">Digitar Guia de Consulta</a>
<div id="content" class="lightbox">
<form id="form_1">
<input type="text" value="Nome"/><br/>
<input type="text" value="Email"/>
<input type="submit" value="enviar"/>
<a class="close" href="#">X</a>
</form>
</div>
<a href="outro_form">Digitar Guia de Exames</a>
<a href="e_outro">Avisos Importantes</a>
Anything comments that we adjust.
In this case, my form is done on one page, and my restricted page is on another. Explaining better.. When the user logs in, they will be directed to the restricted page. On this restricted page, it contains the link to enter the query tab. (The Query Guide is made on a page, because the idea was that when clicking on the "query tab" link, open a window in which it contains the form). But now I need to make sure that when I click on the link, the form appears in the blank space. And this option that you gave me, does not do this.
– Inez Boldrin