WordPress.org

Forums

[resolved] Div not working (6 posts)

  1. dragonbonetattoo
    Member
    Posted 1 year ago #

    I am super new to WordPress, and I'm trying to style the images on my page using a div. In the page I have the following code:

    <div class="trailer">
    <img src="http://soulriverfilm.com/wp-content/uploads/2013/05/trailer-coming-soon.jpg" alt="trailer coming soon" width="432" height="273" class="alignright size-full wp-image-67" />
    </div>

    and the CSS in my child theme reads thus:

    .trailer {
    float: right;
    height: 273px;
    width: 432px;
    margin-top: 200px;
    position: absolute;
    z-index: 10;
    margin-right: 40px;
    right: 0px;
    bottom: 150px;
    top: 590px;
    }
    I am most likely missing something super simple. Any clues?
    http://www.soulriverfilm.com

  2. dragonbonetattoo
    Member
    Posted 1 year ago #

    I forgot to add...using the div styling as described above does not change the appearance of the object on the page AT ALL.

  3. Pioneer Valley Web Design
    Member
    Posted 1 year ago #

    First, you are mixing absolute and relative CSS.
    Second, (please contain code in 'ticks').
    Third, what are you trying to accomplish???

  4. dragonbonetattoo
    Member
    Posted 1 year ago #

    I just want the image to be halfway down the page and floated right (about 100px from the right edge of the page). I'm kind of teaching myself, and mostly likely have this entirely wrong..

  5. the div styling as described above does not change the appearance of the object on the page AT ALL

    because you haven't closed the style just before the .trailer style properly - the } is missing.

  6. dragonbonetattoo
    Member
    Posted 1 year ago #

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags