Sedikit mencuplik dari postingan Mas Godot...
<html>
<head>
<title>Info Page</title
<style>
.thumb {
float: left;
margin-right: 8px;
margin-bottom: 8px;
width : 80px; /* sesuaikan dengan
ukuran thumbnail image anda */
height: 80px; /* sesuaikan dengan ukuran thumbnail
image anda */
display: block;
background-color: black;
border : 1px solid red;
}
#thumbarea {
width : 300px;
display : block;
background-color: black;
}
</style></head>
<body>
<div id="thumbarea">
<!-- start thumbnail -->
<!-- ini bagian yang anda beri repeated region -->
<%
set rs = server.createobject("adodb.recordset")
strsql = "select * from table_images order by image_id
desc"
rs.open strsql.constring
do while not rs.eof or rs.bof
%>
<div class="thumb"><img
src="<%=rs(path/toyour/image.jpg)%>"
alt="<%=rs(img_alt)%>" /></div>
<%
loop
rs.movenext
%>
<!-- repeated region sampai sini -->
<!-- end thumbnail -->
</div>
</body></html>
kalau mas mengikuti css yang dikasih mas godot, mas
tidak perlu lagi pakai table untuk menampilkan image.
sedikit tambahan saja, thumbarea memiliki lebar
maksimum 300 px, sehingga kalau mengikuti css yang
dikasih mas godote dimana masing2 thumbnail memiliki
lebar divisi 80px bisa menampung maksimal 3 images
dalam 1 baris. kalau mau jadi 4 tinggal ditambahin aja
width untuk thumb areanya jadi 350px dengan menyisakan
30px untuk whitespace antara setiap images pada baris
tersebut.
maaf kalau code aspnya rada ngaco...
salam
Edhy Ndjr
Salatiga
___________________________________________________________
To help you stay safe and secure online, we've developed the all new Yahoo!
Security Centre. http://uk.security.yahoo.com
---
Website: http://toekangweb.or.id/
Arsip milis : http://groups.yahoo.com/group/toekangweb/messages
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/toekangweb/
<*> To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
