Images Will Not Align Correctly
-
As you can see from this screenshot:
https://img14.imageshack.us/img14/8012/screenshot20100421at735.pngthe vertical images do not align. The Stoop’s 7, Featured Bands, and Enter To Win should all be aligned but I can not figure out why they do not. The featured band and enter to win are apart of a Woo Theme and are handling through simply inputting image and destination url, but the stoop’s 7 i created myself by adding new code to the css and a new .php file.
I have tried align: center as well as display: block and neither have been a success and end up pushing the image out of the box all together.
Any help on how to get this fixed would be greatly appreciated!!!
Here is the code that I have:
Stylesheet:
/*- Ads -*/ .ads{ border: 1px solid #333333; height: 125px; margin: 0 0 25px; padding: 10px; } .ads img{ float: left; margin: 0 14px 0 0; } .ads img.last{ margin: 0 !important; } /*- Int -*/ .int{ border: 1px solid #333333; height: 200px; width: 265px; margin: 0 0 25px; padding: 15px; } .int-img{ float: left; margin: 0 14px 0 0; display: inline; } .int-img.last{ margin: 0 !important; }
Ads-top (Featured Band):
<div class="ads"> <a href="<?php echo "$dest_url[1]"; ?>"><img src="<?php echo "$img_url[1]"; ?>" width="125px" height="125px" alt="" /></a> <a href="<?php echo "$dest_url[2]"; ?>"><img src="<?php echo "$img_url[2]"; ?>" width="125px" height="125px" alt="" /></a> <a href="<?php echo get_option('woo_ad_page'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/FeatureBands.gif" alt="Featured Bands" class="last" /></a> </div><!--/ads-->
Ads-bottom (Enter To Win)
<div class="ads"> <a href="<?php echo "$dest_url[3]"; ?>"><img src="<?php echo "$img_url[3]"; ?>" width="125px" height="125px" alt="" /></a> <a href="<?php echo "$dest_url[4]"; ?>"><img src="<?php echo "$img_url[4]"; ?>" width="125px" height="125px" alt="" /></a> <a href="<?php echo get_option('woo_ad_page'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/entertowin.gif" alt="Enter To Win" class="last" /></a> </div><!--/ads-->
Stoop’s 7:
<div class="int"> <a href="https://themusicstoop.com/2010/04/21/hawthorne-heights-interview"><img src="https://img96.imageshack.us/img96/3306/hawthorne.jpg" width="265px" height="200px" alt="" /></a> <a href="<?php echo get_option('woo_ad_page'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/stoops7.gif" alt="The Stoop's 7" class="last" /></a> </div><!--/int-->
- The topic ‘Images Will Not Align Correctly’ is closed to new replies.