Override CSS for Image Alignment?

You don’t add “align=left”.
You should add a class, e.g. <img src=….etc. class=”leftpic” />
and then define that class in the stylesheet ??
.leftpic {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

Thanks for replying.

You’ll have to excuse me as I’m learning HTML and CSS as I go along here. I tried a few different things and none worked.

Here’s the CSS code for my standard image formatting:

.post img {
float:right;
border:0px solid <?php echo $water_maincolor_1; ?>;
margin:0 0 0 0;
}

I put the leftpic code right after, and tried a few different formats, including:

.post leftpic {
float: left;
border:0px solid <?php echo $water_maincolor_1; ?>;
margin:0 0 0 0;
}
———————————-
leftpic {
float: left;
border:0px solid <?php echo $water_maincolor_1; ?>;
margin:0 0 0 0;
}
———————————-
and exactly how you wrote it:
.leftpic {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

Any thoughts?

Thanks!

.post img {
float:right;
border:0px solid <?php echo $water_maincolor_1; ?>;
margin:0 0 0 0;
}

that aligns ALL images inside this <div class=”post …>` to the right.

.post leftpic {
float: left;
border:0px solid <?php echo $water_maincolor_1; ?>;
margin:0 0 0 0;
}

that doesnt do anything since lefttpic is not a tag.

Similarily, this wont work, as leftpic is not a tag:

leftpic {
float: left;
border:0px solid <?php echo $water_maincolor_1; ?>;
margin:0 0 0 0;
}

the above 2 examples assume you are doing this:

<leftpic src="https://www.blah.com/image.gif />

You arent.

img.leftpic {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}

will work, as long as you do this:

<img class="leftpic" src="https://www.blah.com/image.gif />

NICE! Works like a charm. Thanks so much!