X-Cart forums

[Hyperdelicious]

In X-Cart version 4.2.2... I'm trying to get my product list page to display items horizontally like this:

---------------------------------------------------------------------
|  IMAGE  |  DESCRIPTION            |  PRICE    |  QTY  |  BUY NOW  |
---------------------------------------------------------------------
|  IMAGE  |  DESCRIPTION            |  PRICE    |  QTY  |  BUY NOW  |
---------------------------------------------------------------------
|  IMAGE  |  DESCRIPTION            |  PRICE    |  QTY  |  BUY NOW  |
---------------------------------------------------------------------
|  IMAGE  |  DESCRIPTION            |  PRICE    |  QTY  |  BUY NOW  |
---------------------------------------------------------------------
|  IMAGE  |  DESCRIPTION            |  PRICE    |  QTY  |  BUY NOW  |
---------------------------------------------------------------------

Image, desc, price, qty, and buy now are each in their own Div enclosed in the item div ie.

<div id=item>
<div id=image></div>
<div id=desc></div>
<div id=price></div>
<div id=qty></div>
<div id=buy></div>
</div>

of course their is more coding ... just trying to keep this brief...

Anyway... I cannot get my Div's centered vertically ... any ideas?

[cflsystems]

try

vertical-align: middle

in id item class

[Hyperdelicious]

tried that did not work... I never have much luck with vertical-align... seems very fickle... read that vertical-align does not work with block elements... tried changing my div's to inline and table-cell... still did could not get it to vertically center my div's.... any ideas?