Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Small Images for Wordpress Page

    Hi Im trying to add 4 small images to the left of a page but they keep pushing the text down to the bottom of the page. They need to float to the left

    See the problem at http://www.romantictubs.com/privacy-policy

    Any suggestions to fix this? Its driving me crazy

    PHP Code:
    <?php
    /**
     * Template Name: News
     *
     * A custom page template without sidebar.
     *
     * The "Template Name:" bit above allows this to be selectable
     * from a dropdown menu on the edit page screen.
     *
     * @package WordPress
     * @subpackage Twenty_Ten
     * @since Twenty Ten 1.0
     */

    get_header(); ?>

    <?php include('small_image.php');?>

            <div id="container" class="one-column">
                <div id="content" role="main">

    <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

                    <div id="post-<?php the_ID(); ?><?php post_class(); ?>>
                        <h1 class="entry-title"><?php the_title(); ?></h1>
                        <div class="entry-content">
                            <?php the_content(); ?>
                            <?php wp_link_pages( array( 'before' => '<div class="page-link">' __'Pages:''twentyten' ), 'after' => '</div>' ) ); ?>
                            <?php edit_post_link__'Edit''twentyten' ), '<span class="edit-link">''</span>' ); ?>
                        </div><!-- .entry-content -->
                    </div><!-- #post-## -->

                    <?php comments_template''true ); ?>

    <?php endwhile; ?>

                </div><!-- #content -->
            </div><!-- #container -->

    <?php get_footer(); ?>

  • #2
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,495
    Thanks
    8
    Thanked 1,089 Times in 1,080 Posts
    I notice this comment in your script:
    * A custom page template without sidebar.

    Both of these <div>'s need to be floated left:
    <div id="small_image">
    <div id="container" class="one-column">

    And the widths defined properly so they fit the main page width.


    I'm looking at this file:
    http://www.romantictubs.com/wp-conte...yten/style.css

    I don't see where the CSS style sheet references are. #small_image is not defined at all.

  • Users who have thanked mlseim for this post:

    aquastar (11-27-2010)

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hi mlseim, thanks for the help

    Ive added the following to the css http://www.romantictubs.com/wp-conte...site/style.css

    PHP Code:
    #small_images
    {
      
    floatleft;
      
    width140px;

    Which has fixed it but the text is now too far to the right, any suggestions to fix this? Can you see any other problems with it?

  • #4
    Master Coder
    Join Date
    Jun 2003
    Location
    Cottage Grove, Minnesota
    Posts
    9,495
    Thanks
    8
    Thanked 1,089 Times in 1,080 Posts
    There's so many more <div>'s and classes ...

    Somewhere else, the text must be pushed by a margin or padding.
    Too hard to find it from my end.

    It's one of these div's:

    <div id="container" class="one-column">
    <div id="content" role="main">
    <div id="post-11" class="post-11 page type-page hentry category-uncategorized">
    <div class="entry-content">


    You have to make some small changes to various things and see what happens.
    Narrow it down.


    .

  • Users who have thanked mlseim for this post:

    aquastar (11-27-2010)

  • #5
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ive added in the following to the css and it seems to have fixed it. How does it look from your end?

    PHP Code:
    .news #content
    {
        
    margin-left:20px;
        
    width640px;


  • #6
    Senior Coder djm0219's Avatar
    Join Date
    Aug 2003
    Location
    Wake Forest, North Carolina
    Posts
    1,300
    Thanks
    4
    Thanked 203 Times in 200 Posts
    Looks correct from here with FF.
    Dave .... HostMonster for all of your hosting needs

  • Users who have thanked djm0219 for this post:

    aquastar (11-28-2010)

  • #7
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thanks Dave for letting me know

  • #8
    New Coder
    Join Date
    Nov 2010
    Posts
    10
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Sorry for thread crapping, but since your problem is fixed, why not. How the heck does a inflatable hot tub work. Wouldn't it like melt?

  • #9
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    5
    Thanks
    3
    Thanked 0 Times in 0 Posts
    lol well I don't have one but I know someone that does, she loves it and splashes around in it all day long

    They tell me IHTs

    * Inflates in minutes
    * No Tools needed easy to assemble
    * 105 air jets
    * Heats up to 104°
    * A great way to relax at home


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •