--- On Tue, 9/23/08, zarilahr <[EMAIL PROTECTED]> wrote:

> i
> want to 
> display them horizantally. also i put a if condition to
> break the 
> images with the quantity of 2. but still unable to get the
> desired 
> display. below is the code me using. plz some one help me.

The code you have now is a table.  Each row of the table has one cell.  Each 
cell has one image.  These cells will display vertically, as you have noticed, 
because there is only one cell in each row.

Putting multiple images in one cell is a step towards a solution.  However, 
images are considered block elements.  By default, the content after a block 
element is displayed below the block element.

You can alter this behavior with CSS.  Something like style="float: left;" or 
style="display: inline;" in the img tags would change the layout.

Alternatively, you could add more cells to each row.  However, using tables for 
layout purposes like this is not recommended.

If you successfully implement the use of a display: inline; style for img tags, 
you could do away with the use of the table code altogether for this page.

Also, all img tags should include alternate text.  Using your current 
structure, this could be stored in the db table along with the image location 
and written from the table using php.

Michael



      

Reply via email to