-
What's going on?
Date: 10/22/07 (Web Development) Keywords: php
I am doing a photo site, and I'm having a problem with the section of the site that enables me to save information. My problem is that doing *one* image is easy, but when I try to do multiple images, I have problems. Here is what a single image looks like:
This is what I want the page to look like, only with multiple images. However, when I tell PHP to do the "while" loop and spit out multiple images, it gives me something like this:
When I attempt multiple images, the first one just overlaps the rest of them. Obviously, this is not desirable yet it has me stumped. I'd like all subsequent images to appear as rows, one at a time, below the first image. How might I accomplish this?
.editImage
{
position: absolute;
left: 5%;
border-bottom: 1px #CCC dotted;
clear: both;
}
#register h4, #profile h4, .editImage h4
{
font-size: 12px;
font-family: "Arial";
font-weight: bold;
}
#compose label, #register label, #profile label, .editImage label
{
margin-top: .33em;
display: block;
}
#compose input, #compose textarea, #register input, #profile input, .editImage input, .editImage textarea
{
display: block;
width: 300px;
}
#register, #avatar, .editImage .imageDetails
{
float: left;
}
#profile, #profiledetails, .image
{
padding-left: 325px;
}
I suspect it has something to do with my use of "float: left", as my understanding of float and clear is a bit sketchy. I would strongly prefer to *not* use a table to accomplish this, even if it means finding another way to present the information. Thank you for your help.
Edit: Got it figured out. Instead of using multiple forms with multiple containing divs, I opted instead to use one form in one v. large containing div. Thanks to
!['[info]']('http://stat.livejournal.com/img/userinfo.gif')
ezerick for the idea.
Source: http://community.livejournal.com/webdev/442252.html
| « FF absolute doesn't... | || | what's a good PHP... » |