1 reply [Last post]
jgz
Offline
newbie
Last seen: 17 years 7 weeks ago
Joined: 2004-10-20
Posts: 8
Points: 0

Hi to all.
I'm new to this forum
and partially to css/xhtml.

I've a problem with some images.
You can see what i'm talking about here: [not yet]

http://www.techno-leak.com/v4/pages/photoSpec.asp?id=47

When an image have a different heigth, in the line after that
there is only one image aligned right... [sorry for my english]

The code i use is this:

<%
For i = 1 to rsPhoto("qt")
%>

<div class="float">
  <img class="image" src="../../<%= rsPhoto("path") %>thumbnails/<%= rsPhoto("imgname") %><%if i < 10 then Response.write "00" & i else if (i < 100) and (i > 9) then Response.write "0" & i end if end if %>.jpg" alt="" />
</div>

<%
next
%>

The css

div.float {
  float: left;
  width: 80px;
  padding: 10px;
  margin: 20px 0 20px 0;
  }

Can anyone help me???
I hope so.

Tnx

jgz
Offline
newbie
Last seen: 17 years 7 weeks ago
Joined: 2004-10-20
Posts: 8
Points: 0

Image problem

I've resolved this inserting an IF clause which add a clear DIV every 5 images ..

<%
if i mod 5 = 0 then
%>
<div class="spacer"></div>
<%
end if
%>

.spacer {
 clear: both;
 height: 1px;
 font-size: 1px;
 margin: 0;
 padding: 0;
 border: 0;
 }

Some other advice or technics ??