Originariamente inviato da codencode
E' un po' difficile cercare di darti una mano senza vedere l'effetto che vuoi ottenere e magari il codice HTML e CSS che stai utilizzando per riuscirci.
questo è una parte di codice, teoricamente dovrebbe essere una finestra di login
Codice PHP:
response.write "<body>"
response.write "<div id='topTitle'>xxx</div>" & VbCrLf
response.write "<div id='container1'>Inserisci il nome utente e la password:"
response.write " <input style='width:400' class='sellaInput2' value ='Inserisci il nome utente e la password:'></input>" & VbCrLf
response.write "</div>"
response.write " <div id='finestraLogin'>"
response.write " <div id='IntestLogin'>[img]images/delOff.jpg[/img]</img> Accesso al sitema</div>"
response.write " <b id='lblUser'>User:[/b]"
response.write " <input type='text' id='inputUser' name='userid' tabindex=1 onblur ='ctlUid()' onkeydown='tab()' value='" & userid & "' maxlength=10>" & VbCrLf
response.write " <input class='campoX' name='userix' tabindex=2 onfocus='outUid()'>" & VbCrLf
response.write " <b id='lblPass'>Password:[/b]"
response.write " <input id='inputPass' name='password' tabindex=3 onblur =""ctlPwd()"" onkeydown='tab()' value='' maxlength=20 type=password>" & VbCrLf
response.write " <input type='password' class='campoX' name='passworx' tabindex=4 onfocus='outPwd()'>" & VbCrLf
response.write " <button class='btnLogin' href='#' name='Namelogin' onclick='testPwd()' tabindex=2>Login ...</button>"
response.write " </div>"
response.write "<div id=footer> powered by: xxx</div>"
response.write "</body>"
e qui cè il css
Codice PHP:
#topTitle {
width: 860px;
// height: 30px;
height:<length>;
background-color: #FFC91D;
color: white;
margin: auto;
position:relative; top:0px; left:0px;
// position:absolute;
font-size: 18px;
font-weight: bold;
font-family: "Verdana";
}
#container1 {
border-width: 1px;
border-style: solid;
border-color: white;
color: white;
font-size: 14px;
font-family: "Verdana";
background-color: #FFC91D;
width: 860px;
left: 0px;
position:relative; top: 30px; left:0px;
text-align:center;
//position:absolute;
}
#finestraLogin {
border-width: 1px;
border-style: solid;
border-color: #FFC91D;
color: #FFC91D;
background-color: #white;
width: 300px;
height: 150px;
left: 1px;
position:relative;top: 200px; left:-80px;
// margin-left: auto; margin-right: auto;
}
div#footer{
position:absolute;
bottom:0px;
left:0px;
width:860px;
height:<length>;
background-color: #FFC91D;
right: 0px;
// margin: auto;
}