?asp döngüden gelen divleri konumlandırma

09-09-2012, 21:16:21

selamlar siteme yaptığım galeri çalışması için tablolar içinde divler kullanmam gerekiyor ancak tabloları otamatik oluşturabiliyorum ama içlerindeki divler gelmiyor(yada geliyorsa üstüste geldiği için gözükmüyor)

örneğin aşağıdaki kodda mantık(benim istediğim) olarak olşan her tablonun içinde div olsun istiyorum.

<html>
<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Yeni Sayfa 1</title>
</head>

<body>

	<%for i=1 to 10%>
<table border="1" width="200" id="table2" height="200">
<tr><td>
		<div style="position: absolute; width: 143px; height: 146px; z-index: 2; background-color: #808000; left:39px; top:40px" ></div>
	</td></tr>
</table>
<%next%>
</body>
</html>

09-09-2012, 22:32:55

#2

frdtrkc

position: absolute; kullandığın için divler td elementlerinden bağımsız hareket ediyor ve üst üste geliyorlardır.

td elementine position: relative; eklersen istediğin olacaktır.

09-09-2012, 22:45:28

#3

oktayman

teşekkürler ama relative kullandığımda divi tablo içinde konumlandıramıyorum.bunun bir çözümü varmı acaba

10-09-2012, 00:14:36

#4

frdtrkc

konumlandırmaktan kastın nedir anlayamadım tam olarak ne yapmak istiyorsun.

10-09-2012, 01:12:34

#5

oktayman

mesala resimde gösterdiğim gibi üst üste(ama birbiri içinde değil) üc tane div yapacağım.bu görüntü oluşturacağım tüm tablolarda aynı şekilde çıkacak.

<html>

<head>
<meta http-equiv="Content-Language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
<title>Yeni Sayfa 1</title>
</head>

<body>
sss
<table border="0" width="24%" id="table1" height="239">
	<tr>
		<td>
		<div style="border:1px solid #FF0000; position: absolute; width: 100px; height: 100px; z-index: 3; left: 83px; top: 93px" id="katman3">
&nbsp;</div>
		<p>s</p>
		<div style="border:1px solid #C0C0C0; position: absolute; width: 100px; height: 100px; z-index: 2; left: 104px; top: 75px" id="katman2">
&nbsp;</div>
		<p>s</p>
		<div style="border:1px solid #000080; position: absolute; width: 100px; height: 100px; z-index: 1; left: 130px; top: 61px" id="katman1">
&nbsp;</div>
		</td>
	</tr>
</table>

</body>

</html>

10-09-2012, 01:23:26

#6

~~SahiNET~~

Üyeliği durduruldu

Verdiğin 2 kodu birleştireceksin işte.

For döngüsü (1 to 10)
    <table>
        <tr>
            <td>
                FOR Döngüsü (1 to 3)
                    <div>
                Next
            </td>
        </tr>
    </table>
Next

2. verdiğin kodda <div>'lerin z-index, top ve left değerleri değişiyor sadece. Onu da buradaki divleri listelediğin yere if ile tanımlayarak yapabilirsin.

________________

for x = 1 to 3
if x = 1 then
1. div
end if
next

gibi. Biraz performans istersende switch case kullanabilirsin hatta javascript bile kullanılabilir.