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 2 of 2
  1. #1
    Regular Coder
    Join Date
    Jan 2011
    Posts
    302
    Thanks
    7
    Thanked 0 Times in 0 Posts

    BBQ image not in div box

    http://www.countyfairgrounds.net/missouri/missouri.php

    This ought to be simple, but I have tried a bunch and now I am stuck -I cannot get the BBQ to be in the division box and wrap the ad code around the image.

    Its the ad in the middle center Your BBQ Sucks.

    Please can help?

  • #2
    New Coder
    Join Date
    Nov 2010
    Location
    Virginia,USA
    Posts
    36
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Yea you gotta float that image. Do this

    Add this to your stylesheet

    Code:
    /* == FLOATS == */
    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    Then use the float in your image tag like so

    Code:
    <img src="images/grilltwo.jpg" class="fltlft" width="100" height="105" alt="" />
    The following will float the image to the left. I have commented the clear float for you. It should be used after any div containing a floated element. Sometimes other divs will not play nice with floated images. Use it if you need it. Its a handy rule to have in your styles in case it ever is needed
    Last edited by badwolf; 06-09-2012 at 11:08 PM.


  •  

    Tags for this Thread

    Posting Permissions

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