WordPress.org

Ready to get started?Download WordPress

Forums

My New Site..I know it's full of holes (3 posts)

  1. nevermore
    Member
    Posted 8 years ago #

    HI,
    I am working on it still. Lots of errors and darned be if I could get the text to align right to the side of the cartoon. I read all the teaxt wrapping stuff but it still doesnt work..
    http://www.leehane.ca/weblog

  2. dedge
    Member
    Posted 8 years ago #

    Using <img class="right" ... /> for your cartoon makes the IMG tag look to your stylesheet for instructions on how to present the image with the style class named "right."

    Try adding this to your style.css file:

    .right {
    border-style:none;
    float:left;
    clear:left;
    vertical-align:text-top;
    }

    If this makes the text bump up against the image and you'd like a little whitespace, try adding this line to the CSS entry above (before the closing bracket):

    margin:0 10px 10px 0;

    This will put a 10-pixel margin on the right and bottom sides of elements with the "right" class.

    Everything you define with class="right" will now have these properties. (Well, unless you override them, but that's best left for another discussion.)

  3. nevermore
    Member
    Posted 8 years ago #

    Hi Dedge,
    I did and htis is the code now

    /* Begin Images */
    p img {
    padding: 0;
    max-width: 100%;
    }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;

    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left
    }

    .right {
    border-style:none;
    float:left;
    clear:left;
    vertical-align:text-top;
    }

    /* End Images */

    Still not working...?

Topic Closed

This topic has been closed to new replies.

About this Topic