My New Site..I know it’s full of holes

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.)

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…?