• As you can see from this screenshot:
    https://img14.imageshack.us/img14/8012/screenshot20100421at735.png

    the 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-->
Viewing 1 replies (of 1 total)
  • A screenshot is of no use. Neither is CSS without the context of the live site’s markup. What might help is a link to a page demonstrating the problem…

Viewing 1 replies (of 1 total)
  • The topic ‘Images Will Not Align Correctly’ is closed to new replies.