php with css..

hey guys im doing a picture gallery for my cuz and im using a databse to keep the name of the pics with description.

so i use

PHP Code:

---

<?php echo '<a href="/members/Gymgraph/'.$row['type1'].'/'.$row['pic1'] .'" target="_blank" with="144">
<img src="/members/Gymgraph/'.$row['type1'].'/'.$row['pic1'].'" border="0" alt="" width=115/>
</a>
<br />'; ?>

---

so this shows the pics in the databse.now i need to put some look in to it..lol

cause it shows all the pics on one line..

pic pic pic pic pic pic
i would like to make it show like

pic pic pic pic

pic pic pic pic..

are all the images the same size like 100 pixels by 100 pixels? or do you have a link?

it is like tumbnails then when you click you see full size

Ok try this

Code:

---

<div id="limitor">
<?php echo '<a href="/members/Gymgraph/'.$row['type1'].'/'.$row['pic1'] .'" target="_blank" with="144">
<img src="/members/Gymgraph/'.$row['type1'].'/'.$row['pic1'].'" border="0" alt="" width=115/>
</a>
<br />'; ?>

</div>

---

This goes in CSS doc

Code:

---

#limitor {
width: 200px; (total pixels of 4 images assuming each is 50 pixels with no border or padding)
}

---

this is for the size?i need it for the placement..lol thx!



pic pic pic pic

pic pic pic pic

That will limit the images add up to more then the pixels said it will drop it the left over amount down one line image1(50px) image2(100px) image3I(150px) image4(200px) image5(newline 50px) image6(100px) image7(150px) image8(200px).

it doesnt work it still shows the images one under the other?

http://softcoredesign.com/maint.php

Try floating them left.

i added float: left;

still the same

You floated the container:

Code:

---

#limitor {
float:left;
width:200px;
}

---

You should float the images themselves:

Code:

---

#limitor {
width:200px;
}
#limitor img {
float:left;
}

---