image wrapping, tables, onMouseOver

you can use css to wrap text around an image.

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;
}

will do the trick, and then for your image tag, just add a class=”alignleft/alighright/centered” in order to get it where you want it to. However, if the picture is centered, you can’t wrap around it.

wow lawtai always to the rescue ?? thanks a lot!

heh no problem, i’m not exactly sure about the onmouseover problem though https://www.w3.org/TR/REC-html40/interact/scripts.html#adef-onmouseover

gives you an idea as to how to use the onmouseover command in your html.

wordpress version 1.5
problem occurring: on my sidebar

i’m testing another theme, and this css isn’t wrapping the text properly: https://www.tjinh200.com/tjinh200

next to the image, the text “test” should be wrapped using within the image tag: class="left" and i’ve also tried “alignleft” … any thoughts?

hmm, this would be just a guess, but try something along thelines of #sidebar img (if that’s what your sidebar css is called).

this is just a guess though.

no … it isn’t working …

this is what i have:

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

well, looking at your code, it seems like you have your image nested in some ul/li, so youd’ have to change it to:

#sidebar ul li img.alignleft

my code now reads:

#sidebar ul li img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

still doesn’t seem to want to work …

i would like to be able to also wrap images that are not within my sidebar, so i’m assuming the #sidebar should be taken out for that to be possible? i’m just trying to think of other solutions …

i’m at a loss as to why it doesn’t work, since that’s really the only code I have on my css file and I can wrap text when it’s aligned left/right.

one suggestion, instead of using < img> < / img> just use < img src=blahblah />

i’ll see what i can do, thanks for your help ?? (again)