I have spent hours trying to figure out how to wrap my text around my images. I've gone through the forum and searched post and gone to the links people have suggested but have come up with nothing. Went to the Wordpress tutorial and still can't figure it out.
I wanted to figure it out on my own but it's getting frustrating so I am asking for help. My website is http://www.thebestsportsblog.com
I'm a newbie to CSS. I'm using the Bionic Jive theme template. In the stylesheet I don't see anything associated with images.
So what do I need to put in and where in the style sheet?
Then what do I need to add to my image tag in my post to make the text move to the left or the right of the image.
Yes i went to those links and went through it all a few times using trial and error and can't get it to work with my theme
I don't know of any simpler step-by-step guide for this issue.
From the Codex page I've linked above you can even access an article titled Wrapping_Text_Around_Images
@bhsu21
I notice you have this for your first image, but nothing in your css for class right.
Perhaps you have taken it out since?
One alternative for doing an image individually is to add the style in your img call...
For instance, you now have
"http://sportsmed.starwave.com/media/nfl/2002/1124/photo/a_sherman_vt.jpg" alt="Mike Sherman NFL" class="right"/>
To have your image on the right you could do this...
"http://sportsmed.starwave.com/media/nfl/2002/1124/photo/a_sherman_vt.jpg" style="float:right;margin:4px" alt="Mike Sherman NFL" />
@Shadow
Thank you so much!! Check out the site now and see that it looks fine now.
Yeah in the theme template there was nothing in the CSS for class right. Actually there was nothing in there for images. I tried to add it via many of the tutorials but it wouldn't work. So I put the style.css template back to the original.
So now that I have that alternative, should I still try to add something in the CSS so I can have the image float to the left or right?
Well if you want to use class right and class left, just add this to your style.css in your theme
.right img {
float:right;
margin: 4px;
padding: 4px;
background: #ccc;
border: 1px solid #000;
}
Simply change the sizes and colours to suit your own tastes.
You need one for left and one for right :) HTH
Thanks Shadow I will try to add it. Does it matter where in the style.css I put it? At the very end?
bhsu21
shadow