manşet habe scripti yazmak istiyorum yardıma ihtiyacım var

Kodla Büyü

mustafayilmaz28

Süper Üye
Süper Üye
Seçkin Üye
Mesajlar
1,425
merhabalar.
java script ve html kullanarak manşet haber scripti yazmak istiyorum.
javayı bilmiyorum hazır kodlar vasıtası ile kendim birşeyler oluşturmak isdedim.
istediğimi biraz yaptım ama sorun var
kodlar:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
function hide(id){
var divObject=document.getElementById(id);
divObject.style.display="none";
}
function show(id){
var divObject=document.getElementById(id);
divObject.style.display="block";
}
</SCRIPT>
<table width="480" height="281" border="1">
<tr>
<td width="256" height="217">
<div align="center"id="resim1" style="position:relative;
z-index:0;
border: 1px none #000000;
visibility: visible">
<img src="1.jpg"width="256" height="217" />
</div>

<div align="center"id="resim2" style="position:relative;
z-index:0;
border: 1px none #000000;
visibility: visible">
<img src="2.jpg"width="256" height="217" />
</td>
<td width="208" rowspan="2">
<div valign="top" height="270" width="200">
<div align="left">
<a href="#"onMouseOver = "javascript:hide('resim2');javascript:show('resim1')"onMouseOut = "javascript:show('resim2');javascript:hide('resim1')");>Haber 1</a>
</div>
<div align="left">
<a href="#"onMouseOver = "javascript:hide('resim1');javascript:show('resim2')"onMouseOut = "javascript:show('resim1');javascript:hide('resim2')");>Haber 2</a>
</div>

</div>
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>

</table>
z index değerleri 0
heriki dive de postşon absolute verince oluşan görüntü:
5811.bmp
5854.bmp

relative iken üzerinde gelince normal istediğim görütü oluşuyor.

daha sayfa açılır açılmaz relative:
5858.bmp

ben her halükarda ortadaki gibi bir görüntü istiyorum
yani bütün resimler üstüste olsun.
yardımlarınızı rica ediyorum bilen arkadaşlardan.
 
position: absolute;

olarak kullanın. Stylede, left ve top değerlerini de aynı girerseniz resimler üst üste olur istediğiniz gibi. Relative doğru kullanım değil bunun için..

<div align="center"id="resim1" style="position:absolute;
left: 0px;
top: 0px;
z-index:0;
border: 1px none #000000;
visibility: visible">
<img src="http://img.internethaber.com/news/190623.jpg" />

</div>

<div align="center"id="resim2" style="position:absolute;
left: 0px;
top: 0px;
z-index:1;
border: 1px none #000000;
visibility: visible">
<img src="http://img.internethaber.com/news/190588.jpg" /></div>



kolay gelsin..
 
teşekkürler hocam da
left ve top değerlerini verdiğim zaman..
resimleri tabloya değilde ekrana hizalıyor :?
ama ben tabloya göre hiza almasını istiyorum :?: mümkün mü?
örneğin
6737.bmp

ortaladığımda resimde tablo ile beraber konum alsın.
 
burda da relative olaya giriyor. relative çerçeve oluşturuyor absolute lar için. yani;

<div style="position: relative;">
<table>
....
...
..
.
</table>

</div><!-- position son -->

şeklinde yaparsanız istediğiniz olur.
 
Geri
Üst