Çok Basit Bir HTML Sorunu ?
-
Merhaba müridler. İnternette çok aradım ama birtürlü bulamadım. İstediğim şey basit aslında, hazır index yaptım aşağıdakinden:
"<html>
<head>
<title>DENEME</title>
</head>
<body>
<center><a href="/deneme"><img class="" alt="" src="deneme"/></a></center>
<body background="/file/bg.jpg" >
</body>
</html>"
Kısacası arkaplan resmim ve giriş için tıkla resmim var ben bu giriş için tıkla resmini sayfanın tam ortasına almak istiyorum :S Yardımınız için teşekkürler
-
Body bground' kaç defa yazıcan onu üste center'ı alta al 1 body fazla. :)
-
Şu kodları tam yaz sonra giriş arkaplan resmini filan biryere upload'la ve linklerini <body background="Resim linki" > Yani tam olarak yaz ben sana yardımcı olcam.
-
<body background="https://www.tartariniturkiye.com.tr/bayi/Assets/images/ButonGirisOver.gif" >
<a href="/deneme"><img class="" alt="" src="https://www.tartariniturkiye.com.tr/bayi/Assets/images/ButonGirisOver.gif"/>
denemeler bunlar giriş butonunu tam ortaya almak istiyorum
-
<center>
</center>arasına al hocam.
-
hocam js fonksiyon yazdım:/
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script>
$(document).ready(function(e) {
var height = window.innerHeight;
var width = document.width;
var imgHeight = document.getElementById('centerimg').height;
var imgWidth = document.getElementById('centerimg').width;
var top = (height-imgHeight)/2;
var left = (width-imgWidth)/2;
document.getElementById('centerimg').style.top = top+'px';
document.getElementById('centerimg').style.left = left+'px';
});
</script>centerimg yazan yerlere sayfanın oratasında olmasını istediğin resmin idsi yazacaksın :) kolay gelsin :D
@$edit : verdiğim kodları head tagları arasına yapıştır :D
@$edit2 : senin imagenin stilindeki position şeysini absolute yap bide :) teker teker aklıma geliyor napayım :D
-
BarisYigit bunu yazdı:
-----------------------------
arasına al hocam.
-----------------------------Hocam arasına alınca üst orta kısma alıyor ben tam sayfanın ortasına almak istiyorum
-
ndmylmz bunu yazdı:
-----------------------------
hocam js fonksiyon yazdım:/
< ="http://code.jquery.com/jquery-1.6.2.min.js" ="text/">
// $(document).ready(function(e) {
var height = window.innerHeight;
var width = document.width;
var imgHeight = document.getElementById('centerimg').height;
var imgWidth = document.getElementById('centerimg').width;
var top = (height-imgHeight)/2;
var left = (width-imgWidth)/2;
document.getElementById('centerimg').style.top = top+'px';
document.getElementById('centerimg').style.left = left+'px';
});
// ]]>centerimg yazan yerlere sayfanın oratasında olmasını istediğin resmin idsi yazacaksın :) kolay gelsin :D
@$edit : verdiğim kodları head tagları arasına yapıştır :D
@$edit2 : senin imagenin stilindeki position şeysini absolute yap bide :) teker teker aklıma geliyor napayım :D
-----------------------------Hocam klavyene sağlık da editlerden birşey anlamadım :S =)) Tam ortaya alan html kodu falan yok mu acep:S
-
hocam sen yapacağın sayfa ismini ve tam olarak hangi dizine atacağını söyler misin?
-
ndmylmz bunu yazdı:
-----------------------------
hocam sen yapacağın sayfa ismini ve tam olarak hangi dizine atacağını söyler misin?
-----------------------------Hocam Sosyal safya ismi, ana dizine yani public_html'ye atacagım
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Deneme sayfasıdır.</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script> $(document).ready(function(e) { var height = window.innerHeight; var width = document.width; var imgHeight = document.getElementById('centerimg').height; var imgWidth = document.getElementById('centerimg').width; var top = (height-imgHeight)/2; var left = (width-imgWidth)/2; document.getElementById('centerimg').style.top = top+'px'; document.getElementById('centerimg').style.left = left+'px'; }); </script> </head> <body> <img src="bayi/Assets/images/ButonGirisOver.gif" width="48" height="48" id="centerimg" style="position:absolute" /> </body> </html>
