WordPress.org

Ready to get started?Download WordPress

Forums

Image spacing issue... need help plz. (10 posts)

  1. Tee
    Member
    Posted 5 years ago #

    Hey Folks.

    Here's my issue: http://i28.tinypic.com/20gmx05.jpg - notice the pace between the grey border and the image?

    Can you guys give me a hand in fixing the gap? The image is pushed to the right...

    Here's the code from my stylesheet: http://uploading.com/files/MXSKAEJ7/stylesheet.css.html

    .focus_ph {
    	display: block;
    	margin: 10px 0 0 0;
    	padding: 10px 0 0 10px;
    	border-top: 5px solid #eee;
    	border-left: 5px solid #eee;
    }
    
    .focus_ph_item {
    	display: block;
    	margin: 0 0 10px 0;
    	padding: 0 0 10px 0;
    	border-bottom: 1px dashed #ddd;
    	overflow: hidden;
    	zoom: 1;
    }
    
    .focus_ph img {
    	overflow: hidden;
    }
    
    .focus_ph .pic {
    	float: left;
    	margin-right: 10px;
    }
    
    .focus_ph .pic-alt {
    	float: right;
    	margin-left: 10px;
    }
    
    .focus_ph h2 {
    	display: block;
    	font-size: 1.5em;
    	font-weight: normal;
    	line-height: 1.1em;
    }
    .focus_ph h2 a {
    	color: #000;
    }
    .focus_ph h2 a:hover {color: #c8c8c8}
    
    .focus_ph p {
    	margin: 0 10px 0 0;
    	line-height: 1.3em;
    }
    .focus_ph p a {
    	color: #333;
    }
  2. esmi
    Forum Moderator
    Posted 5 years ago #

    Site url?

  3. Mark / t31os
    Moderator
    Posted 5 years ago #

    Showing an image and posting the css isn't really going to help, we'd still be guessing about what needs adjustment.

    As esmi asked, a site url would be helpful...

    If you don't want to link to it, then just give the domain like this..

    someexample.com

    No linking that way... and we still get to see the actual page..

  4. Tee
    Member
    Posted 5 years ago #

    Hi Guys.

    Sorry about that here's the url: www.adidas-talk.com

    http://i29.tinypic.com/15hn4z.jpg <--- noticed the yellow highlight? That's where the alignment issue is at...?

    Here's the stylesheet.css: http://uploading.com/files/DE96TBET/stylesheet.css.html
    Here's the home.php: http://uploading.com/files/8S1FGJ4R/home.php.html

    Let me know & thanks :)

  5. esmi
    Forum Moderator
    Posted 5 years ago #

    Edit stylesheet.css and remove:

    .focus_ph .pic-alt {
    float:right;
    margin-left:10px;
    }
  6. Tee
    Member
    Posted 5 years ago #

    Esmi,

    I have removed the code and it's aligned :) thanks a lot :)

  7. Tee
    Member
    Posted 5 years ago #

    Esmi,

    One last favor, I noticed the right column "Latest video" the first & second thubmail image are not aligned properly as well.

    Screenshot: http://img41.imageshack.us/img41/4857/picture1osl.jpg

    1. The left side of the first image is not aligned with the bottom 2 images
    2. The right side of the second image isn't aligned with the image of the above & below

    Thanks again mate appreciate your efforts :)

  8. esmi
    Forum Moderator
    Posted 5 years ago #

    Try changing:

    .box_type_a .pic-alt {
    float:right;
    margin-left:10px;
    }

    to

    .box_type_a .pic-alt {
    margin:0 auto;
    }
  9. Tee
    Member
    Posted 5 years ago #

    Esmi, you are the MAN!

    Thanks again mate :)

  10. Tee
    Member
    Posted 5 years ago #

    Ahhh :(

    Esmi, I just spotted a new issue :(

    Left Column: The thumbnail isn't aligned properly to the column: http://img132.imageshack.us/img132/9580/picture8y.png

    Maybe this could be the problem... In my admin I have a thumbnail adjuster: http://img341.imageshack.us/img341/9497/picture1sky.png that was part of the theme when I bought it...

    Do you think is conflicting with the alignment? In the home.php I have manually adjusted it to: 300 x 185 but it doesn't adjust to the specified dimensions

    HOME.PHP

    <!-- start left column -->
    <div id="leftcolumn">
    <div class="latest_stories">

    <h1><?php print LATEST_STORIES; ?></h1>
    <span class="last_date"><?php the_time('F d, Y'); ?></span>

    <?php $showpost = new WP_query(); $showpost->query('showposts=1&cat=-'.$options['photos_id'].',-'.$options['videos']); ?>
    <?php if ($showpost->have_posts()) : ?>
    <?php while ($showpost->have_posts()) : $showpost->the_post(); $myPosts .= $post->ID . ","; ?>
    <div class="focus">
    <h2>" title="<?php the_title(); ?>"><?php the_title(); ?></h2>
    <div class="thumb"><?php show_thumb(300,185,$options['big_thumb_w'],$options['big_thumb_h'],$options['crop'],$options['quality']); ?></div>
    <p>" title="<?php the_title(); ?>"><?php print do_excerpt(get_the_excerpt(), $options['snippet_level2']); ?></p>
    <ul class="etc">
    <li class="readit">"><?php print CONTINUE_TEXT; ?>
    <li class="commentit">" title="Comments on <?php the_title(); ?>"><?php comments_number('0 '.COMMENTS, '1 '.COMMENT, '% '.COMMENTS); ?>
    <div class="clear"></div>
    </div>

Topic Closed

This topic has been closed to new replies.

About this Topic