Forum
Aktif konular
Üyeler
Kurallar
Arama
Farklı Çözünürlüklerde Kayma Sorunu Farklı Çözünürlüklerde Kayma Sorunu
-
Merabalar.. Hocalar şu adreste bir giriş formu var.. Bunda k.adı ve şifreyi boş girince bir uyarı çıkıyor, bu uyarının ekranda şu şekilde durması lazım:
ancak farklı ekran çözünrlüklerinde ve pencerenin boyutuyla oynadığımda bu mesaj kutusu kayıyor ve altındaki gözüküyor...bu sorunu nasıl halledebilirim?
kodlar:
<html> <head> <style> .anahat { font-family: Verdana; } .form { margin: 190px; background-color:#D6D8D4; width: 400px; height: 250px; border-radius: 20px; box-shadow: 3px 3px 3px 3px #ccc; } .header { margin: 10px; } .panel { padding: 40px; } .yolla { padding: 20px; } .headkap { border-bottom: 2px solid #ccc; padding-bottom: 5px; } .error { border-radius: 5px; background-color: #D6D8D4; width: 440px; height: 260px; position: absolute; left: 410px; top: 190px; z-index: 500px; display: none; font-family: Verdana; } .close { padding: -15px; } .icerik { display:none; } </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".close").click(function(){ $("input[name=txtUserName],input[name=txtUserPass]").val("") $(".error").hide(2000); }); }); </script> </head> <body> <div class="icerik"> </div> <div class="error" align="center"> <img class="close" align="right" src="close.png"> <br><img src="warning.png" align="center"><br><br><div class="errorac">Kullanıcı adı veya şifre boş, lütfen tekrar deneyiniz.</div> </div> <div class="anahat" align="center"> <form method="post" action="" > <div class="form"> <div class="headkap"> <div class="header" align="center"><br> <img src="login.png" align="left"><br> Güvenlik Sistemi Yönetim Paneli </div> </div> <div class="panel"> <table> <tr><td width="150"> Kullanıcı Adı </td><td width="150"> <input type="text" name="txtUserName"></input> </td></tr> <tr><td width="150"> Parola </td><td width="150"> <input type="password" name="txtUserPass"></input> </td></tr> </table> <div align="center" class="yolla"> <input type="submit" name="send" value="Giriş Yap"></input> <input type="hidden" name="Status" value="Submitted"> </div> </div> </div> </form> <div class="footer"></div> </div> </body> </html> -
reset.css kullandın mı hocam
-
Power-Hacker bunu yazdı
reset.css kullandın mı hocam
o nedir hocam?edit: denedim hocam olmuyor..
Lightsaber tarafından 20/Oca/13 20:48 tarihinde düzenlenmiştir -
up up upp
-
upp
-
Dreamweaver CS6 ile gelen float grid yapısını araştırırsan bu sorunu çözebilirsin saygılar sevgiler :D
-
erc bunu yazdı
Dreamweaver CS6 ile gelen float grid yapısını araştırırsan bu sorunu çözebilirsin saygılar sevgiler :D
hocam araştırıdm ama bulduklarım fayda etmedi..uppp olsun..
-
http://demo.tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/demo.html
http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/
http://perishablepress.com/absolutely-centered-layout/
http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/
-
TxT bunu yazdı
http://demo.tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/demo.html
http://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/
http://perishablepress.com/absolutely-centered-layout/
http://www.noobcube.com/tutorials/html-css/horizontal-and-vertical-centering-using-css-a-beginners-guide-/
çok sağol hocam ilk linkte jquery ile yapıldığı şekilde halledebildim
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla