Gdefender adlı üyeden alıntı: mesajı görüntüle
merhaba arkadaşlar ben bir yazının üstüne gelince sitenin tam ortasında resim açmak istiyorum şöyle birşey yaptım çalışıyor ama sitenin tam ortasında yapmayı başaramadım yardımcı olursanız sevinirim.

<style type="text/css">
	.karakter{position:fixed; lefts: 394px; right:600; top:158px; z-index:1000; border: 2px dashed gray;}
	.goruntu img{background-color: #E8E8E8; webkit-border-radius: 20px 20px; moz-border-radius: 20px/20px; border-radius: 20px/20px; padding:5px;}
	.goruntu span{visibility: hidden;} 
	.goruntu:hover span{visibility: visible;}
</style>
Burada,

.karakter{position:fixed; lefts: 394px; right:600; top:158px; z-index:1000; border: 2px dashed gray;}
<div class="goruntu"><Div style="display:none;visibility:hidden;">&nbsp</Div><font color="GREEN" face="Trebuchet MS" size="2"><a title="TEST">TEST</a><span><img class="karakter" src="http://www.uolist.net/list/img/banner/banner.png"></span></div>
left ve right veya top olarak ortalamaya çalışıyorum bunları kullanmadan otomatik nasıl sitenin ortasında gösterebilirim.
<div class="kutu">
  <div class="yazi">
      Test Yazı
  </div>
</div>
.kutu {width: 400px;height: 400px;background: #333;border: 1px solid #ddd;}
.yazi {font-size: 20px;text-transform: uppercase;color: #fff;font-weight: bold;text-align: center;line-height: 400px;display: none;}
.kutu:hover .yazi {display: block;}
Tam olarak istediğiniz şey bunun gibi birşey mi ? Yazdıklarınıza göre birşeyler uyarladım umarım isteğini karşılamışımdır