3rd April 12, 09:19 PM
Join Date: Apr 2012
Images not Aligning Correctly
I'm fairly new to CSS and I am wanting to create a product layout page, similar to what you may find with Amazon. With my current code, the two test images I have stack (1 goes on top of the other) whereas I would like them to be next to each other.
Here is my current code:
<a href="TestItem1.html"><b>Test Product 1</b><br />
<img src="Images/Store/TestImage1.jpg" width="250" height="353" alt="Test Product 1" /></a><br />
<a href="TestItem2.html"><b>Test Product 2</b><br />
<img src="Images/Store/TestImage1.jpg" width="250" height="353" alt="Test Product 2" /></a><br />
(The products div is inside of the mainContent div.)
box-shadow: rgba(255,255,240,.3) 0 0 40px, inset rgba(0,0,0,.8) 0 0 20px;
I'm not very experienced with CSS so I have probably made some foolish mistakes. I have tried the 2 divs side by side sticked post but that didn't solve my problem. If any one could help me that would be greatly appreciated!
Thanks in advance,