CSS basit bir yardım..

26-12-2016, 15:01:47

Arkadaşlar, bir banner var ve resmin sağ üst köşesine reklamı kapat-aç minik bir button yaptım ancak buton resmin dışına çıkıyor..

<script type="text/javascript">

function kaybet(idi)
{
	

	if (self.document.getElementById(idi).style.display == 'none')
	{
		self.document.getElementById(idi).style.display = 'block';
		self.document.getElementById(idi+'_link').innerHTML = '<img src="https://i.hizliresim.com/m4J4o1.png"/>'
	
	}else {
		self.document.getElementById(idi).style.display = 'none';
		self.document.getElementById(idi+'_link').innerHTML = '<img src="https://i.hizliresim.com/m4J4MR.png"/>'
	}
	

} 


</script>







<style>
#cerceve{ 
  width:100%; 
}
#ust{ 
   float: left;
   width: 100%;  
}
#reklam_yeri{ 
   float: left;
   width: 95;
}
#sag{ 
   right:483px;
   z-index:9999;
   position: absolute;
   top:20px;
}
#alt{ 
   float: left;
   width: 100%; 
}
</style>
<div id="cerceve">
<div id="ust">
<div id="reklam_yeri" style="background:#000000;">
<iframe src="http://www......html" frameborder="0" marginheight="0" marginwidth="0"  scrolling="no" style=" width:1200px; max-width:100%; height:280px;  max-height="auto" overflow:hidden; frameborder:0; border:none; padding:0;  margin:0  auto;display:block;" > </iframe></div>
<div id="sag" align="right" >
<a style=" position:fixed;
"href="javascript:kaybet('reklam_yeri');" id="reklam_yeri_link"><img src="https://i.hizliresim.com/m4J4MR.png"></a></div>


</div></div>

26-12-2016, 17:32:59

seogrenci

Elis adlı üyeden alıntı: mesajı görüntüle

Arkadaşlar, bir banner var ve resmin sağ üst köşesine reklamı kapat-aç minik bir button yaptım ancak buton resmin dışına çıkıyor..

<script type="text/javascript">

function kaybet(idi)
{
	

	if (self.document.getElementById(idi).style.display == 'none')
	{
		self.document.getElementById(idi).style.display = 'block';
		self.document.getElementById(idi+'_link').innerHTML = '<img src="https://i.hizliresim.com/m4J4o1.png"/>'
	
	}else {
		self.document.getElementById(idi).style.display = 'none';
		self.document.getElementById(idi+'_link').innerHTML = '<img src="https://i.hizliresim.com/m4J4MR.png"/>'
	}
	

} 


</script>







<style>
#cerceve{ 
  width:100%; 
}
#ust{ 
   float: left;
   width: 100%;  
}
#reklam_yeri{ 
   float: left;
   width: 95;
}
#sag{ 
   right:483px;
   z-index:9999;
   position: absolute;
   top:20px;
}
#alt{ 
   float: left;
   width: 100%; 
}
</style>
<div id="cerceve">
<div id="ust">
<div id="reklam_yeri" style="background:#000000;">
<iframe src="http://www.diyarinsesi.org/reklam/opel/reklam_opel/aea-opel.html" frameborder="0" marginheight="0" marginwidth="0"  scrolling="no" style=" width:1200px; max-width:100%; height:280px;  max-height="auto" overflow:hidden; frameborder:0; border:none; padding:0;  margin:0  auto;display:block;" > </iframe></div>
<div id="sag" align="right" >
<a style=" position:fixed;
"href="javascript:kaybet('reklam_yeri');" id="reklam_yeri_link"><img src="https://i.hizliresim.com/m4J4MR.png"></a></div>


</div></div>

Hocam Öncelikle eklediğiniz kodlarda hata var.

Kodunuzun üzerinde düzenlemeye yararak şu şekle getirdim.

http://codepen.io/anon/pen/GNbKMG

Eklediğniz kodlarda fazla yapınızı bozmamak değişiklik yapmak istemedim.(Hatalarıda silmedim.)
Yaptığım değişiklikler

<div id="sag" align="right" >

align kaldırdım.

#sag{
right:0px;
z-index:9999;
position: relative;
top:20px;
}
konumlandırma da değişikliğe gittim.

27-12-2016, 09:03:33

#3

Elis3

Teşekkürler, elinize sağlık..

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 09:03:33 -->-> Daha önceki mesaj 08:50:40 --

position: relative; yapınca minik kapat-aç butonu aşağı kayıyordu.. ben gece halletmiştim.. position: absolute; ve float:right; mutlaka olması lazım.. tam istediğim gibi oldu.. teşekkürler. tekrar..
sadece #sag'da değişiklik oldu... bitmiş hali bu..

#sag{
right:1px;
z-index:9999;
position: absolute;
padding:2px;
margin:2px;
float:right;
}