Image Alignment – Side by Side Acting Weird
-
So I am trying to put a series of photos together and since I don’t like how the captions are displayed through the gallery I am doing it manually, just adding them side by side. It went fine at first until one row decided to skip a photo, leaving a gap.
The code looks the same and the images are almost exactly the same size so I didn’t think it was a sizing issues. Here is the page I guess let me know if it shows up weird for you as well.
http://modernbridalshopfl.com/sample-sale/
here is the code
[caption id="attachment_453" align="alignleft" width="202"]<img class=”size-medium wp-image-453″ src=”https://modernbridalshop.files.wordpress.com/2015/04/imp_10090.png?w=202″ alt=”Impression Bridal 10090 Retail: $1345.00 Sale: $941.50 (Size 8 | Ivory)” width=”202″ height=”300″ /> Impression Bridal 10090
Retail: $1345.00
Sale: $941.50
(Size 8 | Ivory)[/caption][caption id="attachment_456" align="alignleft" width="198"]<img class=”size-medium wp-image-456″ src=”https://modernbridalshop.files.wordpress.com/2015/04/watt_victoria.png?w=198″ alt=”Watters ‘Victoria’ Retail: $2700.00 Sale: $1620.00 (Size 8 | Ivory)” width=”198″ height=”300″ /> Watters ‘Victoria’
Retail: $2700.00
Sale: $1620.00
(Size 8 | Ivory)[/caption][caption id="attachment_467" align="alignleft" width="196"]<img class=”size-medium wp-image-467″ src=”https://modernbridalshop.files.wordpress.com/2015/04/wtoo_anna.png?w=196″ alt=”Wtoo ‘Anna’ Retail: $800.00 Sale: $480.00 (Size 8 | Ivory)” width=”196″ height=”300″ /> Wtoo ‘Anna’
Retail: $800.00
Sale: $480.00
(Size 8 | Ivory)[/caption][caption id="attachment_470" align="alignleft" width="202"]<img class=”size-medium wp-image-470″ src=”https://modernbridalshop.files.wordpress.com/2015/04/morilee_1962.png?w=202″ alt=”Mori Lee 1605 Retail: $964.00 Sale: $674.80 (Size 8 | Ivory)” width=”202″ height=”300″ /> Mori Lee 1605
Retail: $964.00
Sale: $674.80
(Size 8 | Ivory)[/caption][caption id="attachment_493" align="alignleft" width="196"]<img class=”size-medium wp-image-493″ src=”https://modernbridalshop.files.wordpress.com/2015/04/screen-shot-2015-05-27-at-11-51-16-pm.png?w=196″ alt=”Wtoo ‘Phaedra’ Retail: $1495.00 Sale: $1046.50 (Size 8 | Ivory)” width=”196″ height=”300″ /> Wtoo ‘Phaedra’
Retail: $1495.00
Sale: $1046.50
(Size 8 | Ivory)[/caption][caption id="attachment_496" align="alignleft" width="195"]<img class=”size-medium wp-image-496″ src=”https://modernbridalshop.files.wordpress.com/2015/04/w1_jadelynn.png?w=195″ alt=”White One ‘Jadelynn’ Retail: $1010.00 Sale: $707.00 (Size 10 | Ivory)” width=”195″ height=”300″ /> White One ‘Jadelynn’
Retail: $1010.00
Sale: $707.00
(Size 10 | Ivory)[/caption][caption id="attachment_498" align="alignleft" width="201"]<img class=”size-medium wp-image-498″ src=”https://modernbridalshop.files.wordpress.com/2015/04/watters_torreon.png?w=201″ alt=”Watters ‘Torreon’ Retail: $2750.00 Sale: $1650.00 (Size 10 | Ivory)” width=”201″ height=”300″ /> Watters ‘Torreon’
Retail: $2750.00
Sale: $1650.00
(Size 10 | Ivory)[/caption][caption id="attachment_499" align="alignleft" width="210"]<img class=”size-medium wp-image-499″ src=”https://modernbridalshop.files.wordpress.com/2015/04/watters_9042b.png?w=210″ alt=”Watters 9042B Retail: $1800.00 Sale: $1080.00 (Size 10 | Ivory)” width=”210″ height=”300″ /> Watters 9042B
Retail: $1800.00
Sale: $1080.00
(Size 10 | Ivory)[/caption][caption id="attachment_501" align="alignleft" width="197"]<img class=”size-medium wp-image-501″ src=”https://modernbridalshop.files.wordpress.com/2015/04/imp_10124.png?w=197″ alt=”Impression 10124 Retail: $1245.00 Sale: $871.50 (Size 10 | Ivory)” width=”197″ height=”300″ /> Impression 10124
Retail: $1245.00
Sale: $871.50
(Size 10 | Ivory)[/caption][caption id="attachment_506" align="alignleft" width="190"]<img class=”size-medium wp-image-506″ src=”https://modernbridalshop.files.wordpress.com/2015/04/pro_ocelo.png?w=190″ alt=”Pronovias ‘Ocelo’ Retail: $1150.00 Sale: $805.00 (Size 10 | Oyster)” width=”190″ height=”300″ /> Pronovias ‘Ocelo’
Retail: $1150.00
Sale: $805.00
(Size 10 | Oyster)[/caption][caption id="attachment_508" align="alignleft" width="198"]<img class=”size-medium wp-image-508″ src=”https://modernbridalshop.files.wordpress.com/2015/04/jas_t842.png?w=198″ alt=”Jasmine T842 Retail: $1500.00 Sale: $1050.00 (Size 10 | Ivory)” width=”198″ height=”300″ /> Jasmine T842
Retail: $1500.00
Sale: $1050.00
(Size 10 | Ivory)[/caption]—
I am hoping it is not an issue with my theme. I am a little rusty with css so I don’t know if there is a code error I am missing.The blog I need help with is: (visible only to logged in users)
- The topic ‘Image Alignment – Side by Side Acting Weird’ is closed to new replies.