Please provide a link to your site.
It happens on the Faculty and Staff page when I try to put the picture beside the words. Thanks!
http://www.beaconacademy.org/dev-wpbeacon/wordpress/about-beacon/leadership/
What happens if you insert the image at the beginning of the paragraph and just float the image to the right or left? The text should wrap around the image and you would need a table at all. Tables shouldn’t be used for that.
Looks like whoever made the theme had given you a style for the bio section, but it’s no longer applied or it’s not for that page… Not sure.
It also looks like there’s no style for floating the images left or right.
I would add the following to the stylesheet:
.alignleft {
display: inline;
float: left;
margin: 0px 10px 10px 0;
}
.alignright {
display: inline;
float: right;
margin:0px 0 10px 10px;
}
Once/if you do that, make sure you look at all of the pages. Hopefully that won’t mess things up everywhere.
Christine, Once I add that to my stylesheet, how to I specify the image should float? I am looking at the <img> tag and don’t see that option. Thanks! Linda
In the html view, the code for the first image is this:
<img class="size-medium wp-image-3413 aligncenter" title="nepal_120110-2056" src="http://www.beaconacademy.org/dev-wpbeacon/wordpress/wp-content/uploads/2012/01/nepal_120110-20562-198x300.jpg" alt="" width="198" height="300" />
Change aligncenter to alignright or alignleft
Christine. Thank you. I changed the style sheet and my img tag. However, i don’t see any change in my page. Do I need to refresh it somehow? Can you take a look? You have been very helpful! Linda
I just refreshed it I can see that Cindy Laba is on the right, but she’s also on the bottom.
You might need to clear your cache to see the change, and delete her picture from the bottom too. 😉
Beautiful! THANKS! Can you help me with 2 more formatting things?
1. How can I top align the text next to the picture?
2. How can I ‘justify’ the text like a newspaper column?
Linda
I noticed one more thing. The picture is overlapping into the 2nd banner. How can I control that? Thanks! Linda
Christine, I opened a new thread on my last two questions because this one was getting too long. Thanks for you help. Linda
