Post a link, I’ll be able to see what you mean and take a crack at finding the selectors. Although sometimes you have to create new div classes to get what you want, without having it effect other elements.
I’ll also need to know what exactly you are trying to do. Looks fine right now.
richwininc,
are you trying to have it sit how it does at the minute.. with one block of text to the right of the image, and then the rest after the image?
if so you need to go into the html view and add the line
<div style="clear:both;"></div>
after your first paragraph.. this should then force the rest of the text down after the bottom of the image (so you can delete all your <h3>’s)
——-
if not, and the reason you dont want the other text next to your image is because of the list items go all funny..
it looks like the reason is your list elements are using a background image rather than an image for their list style.. this should make it so that they dont appear on the left side of the image.. and stay next to the list items instead..
you should then be able to remove all your <h3>’s and it should sit correctly..
🙂
So if you refresh that page. I’ve taken out the <h3> tags and in the dashboard used double space to put “Our Strategies” under the picture. When I look at the backend/dashboard “our strategies appears under the picture. When its published it looks messed up
http://www.hispanicalliancesc.com/en/education/
here’s how it looks when I do it. Code I’m using is posted below. Although it doesn’t show the  :‘s which appear between the blocks of text in the visual editor. Otherwise there’s no markup which I added manually.
I’m using tinymce this what my html looks like. When I remove the h3 tags it looks like what it does right now.
<em><strong><a href="http://www.hispanicalliancesc.com/en/wp-content/uploads/2012/03/prettysmile.jpg"><img class="alignleft wp-image-457" title="prettysmile" src="http://www.hispanicalliancesc.com/en/wp-content/uploads/2012/03/prettysmile-200x300.jpg" alt="" width="140" height="210" /></a></strong><span style="font-family: georgia,palatino; font-size: 14px;">TEXT</span>
<h3></h3>
<h3></h3>
<h3></h3>
<h3></h3>
<h3></h3>
<h3><span style="font-family: georgia,palatino; font-size: 14px;"><strong> Our Strategic Goals:</strong></span></h3>
<ul>
<li><span style="font-family: georgia,palatino; font-size: 14px;"> Increase high school graduation rate for Hispanic youth.</span></li>
<li><span style="font-family: georgia,palatino; font-size: 14px;"> Build collaborations with local institutions of higher education to increase Hispanic enrollment and graduation.</span></li>
</ul>
<span style="font-family: georgia,palatino; font-size: 14px;">Our text</span>
<span><span class="Apple-style-span" style="font-size: 14px; font-weight: normal; font-family: georgia,palatino;">
</span><strong></strong></span></em>
So how do I get mine like yours? Is it something in my CSS?
not sure, what happens if you use my code as is?
what I did was, remove the h tags, switch to visual editor, then publish.
it then showed the code like this in the html editor:
<em><strong><a href="http://www.hispanicalliancesc.com/en/wp-content/uploads/2012/03/prettysmile.jpg"><img class="alignleft wp-image-457" title="prettysmile" src="http://www.hispanicalliancesc.com/en/wp-content/uploads/2012/03/prettysmile-200x300.jpg" alt="" width="140" height="210" /></a></strong><span style="font-family: georgia,palatino; font-size: 14px;">TEXT</span></em>
<h3><span style="font-family: georgia,palatino; font-size: 14px;"><strong>Our Strategic Goals:</strong></span></h3>
<ul>
<li><span style="font-family: georgia,palatino; font-size: 14px;"> Increase high school graduation rate for Hispanic youth.</span></li>
<li><span style="font-family: georgia,palatino; font-size: 14px;"> Build collaborations with local institutions of higher education to increase Hispanic enrollment and graduation.</span></li>
</ul>
<span style="font-family: georgia,palatino; font-size: 14px;">Our text</span>
<span><span class="Apple-style-span" style="font-size: 14px; font-weight: normal; font-family: georgia,palatino;">
</span><strong></strong></span>
Yeah I tried your code and it didn’t work. I appreciate all the help. I may have to live with spacing challenges.
as long as you have a way get what you need.
can’t help but wonder, did you try removing the h tags (from your original code), then switch to visual editor, then publish?
I don’t know why, but it seems to make a difference.
