problems with photo boxes

Discussion in 'CSS' started by desierto, Sep 22, 2008.

  1. #1
    I cannot seem to get my photo box divs to go anywhere but the bottom left of my main content section... I have the same code in another website that seems to work fine... the photo box element goes where I put it in that website. I've tried everything I can think of.... any suggestions would certainly be appreciated. I am somewhat new to CSS, but have tried Google and messing with it and am frustrated, esp. since it's probably a simple problem.

    I just want to be able to put photo boxes at specific points in the text on the left and right sides with a simple PhotoBoxRight and PhotoBoxLeft CSS tags.

    CSS Code:

    }
    .thrColHybHdr #sidebar-left {
    float: left;
    width: 150px;
    background: #EBEBEB;
    padding: 5px;
    text-align: left;
    clear: right;
    border: 1px solid #000000;


    HTML in page:

    <div id="mainContent">
    Recreation fees and public land:
    <p><h4>Public land, public access</h4></p>
    <p>The biggest issue with recreation fees is that they
    create a barrier which discourages poor citizens from experiencing the great public lands... lands that they own equally with all U.S. citizens. The fixed-income
    family as well as those unwilling to pay fees are denied access to
    land that is theirs by birthright. No class of citizens should be
    denied the harmless, non-consumptive use of land they pay
    <div id="photo-left"><a href="http://www.wildwilderness.org/" target="_blank"><img src="images/fee-demo.jpg" alt="Fee Demo" width="180" height="180" align="left" /></a></div>
    taxes to manage. The poor are denied
    enough in our society; being kept away from Nature and their
    national heritage is unfair and unjust.
     
    desierto, Sep 22, 2008 IP