CSS Border and Alignment questions

[comptech520]

On this page, http://photoweb.esctonline.com/cartoptions.php

The picures are not on top of the text. What is a way to make this happen?
Also, there is no border either, how can I make it so a border appears?

Thanks


This is my CSS

#imageGroup a {
float:left;
text-align: center;
}
#imageGroup img {
display: block;
padding: 2px;
border: 1px solid #000000;
}
.cartoptionsbox {
border: 1px solid #DBADAD;
margin: 0 0 15px 0;
padding: 5px;
}

[Fang]

The document is incomplete, all it is -<div class="cartoptionsbox">
<div id="imageGroup">
<a href="http://photoweb.esctonline.com/cart/photocart.php?prod_rn=&quantity=1">Purchase Developed Photos
<IMG SRC="http://photoweb.esctonline.com/cart/sc_images/products/PhotoWithOutCD.jpg" BORDER="0" alt="Developed Photos"></a>

<a href="http://photoweb.esctonline.com/cart/photocart.php?prod_rn=&quantity=1">Purchase a Photo CD-ROM
<IMG SRC="http://photoweb.esctonline.com/cart/sc_images/products/cdrom.jpg" BORDER="0" alt="Photos on CD"></a>

<a href="http://photoweb.esctonline.com/cart/photocart.php?prod_rn=&quantity=1">Purchase Developed Photos &amp; a Photo CD-ROM
<IMG SRC="http://photoweb.esctonline.com/cart/sc_images/products/PhotoWithCD.jpg" BORDER="0" alt="Developed Photos &amp; Photo CD-ROM"></a>


</div></div>

[comptech520]

good point, I corrected this error:
go to : http://photoweb.esctonline.com/042206.php

So what would be a good way for me to line these up with the text better?

[Fang]

How is it supposed to look?

[comptech520]

I want the text inside the border and all 3 boxes to be equal size, even it we have to shrink the text

[Fang]

vertical or horizontal?

[comptech520]

Horizontal, sort of like it is now

[Fang]

This will align them horizontally, but the vertical alignment depends on the length of text:#imageGroup a {
width:131px;
float:left;
text-align: center;
display: block;
}
#imageGroup img {
display: block;
padding: 2px;
border: 1px solid #000000;
}

[comptech520]

Thanks, that did help! One last thing, is there a way to have the block centered. Right now, its to the left.

I know how to align text in CSS, but not Images

Thanks

[Fang]

.cartoptionsbox {
border: 1px solid #DBADAD;
margin: 0 0 15px 53px;
padding: 5px;
}

[comptech520]

Forsay, if you go to this link
http://photoweb.esctonline.com/events/test2/042206.php things work

When you go to this link
http://photoweb.esctonline.com/events/test2/042206_2.php

The border is messed up and the nav panel is at the bottom instead of the side?

Any ideas on how to make the border just around the text and photos purchase area? and the nav up top? Thanks

[comptech520]

any luck on this one?