<?xml version="1.0" encoding="UTF-8"?><!-- generator="bbPress" -->

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
>

<channel>
<title>ThemeShaper Forums Topic: h3 not wrapping around floated image, simple CSS problem?</title>
<link>http://themeshaper.com/forums/</link>
<description>Help In Shaping WordPress Themes</description>
<language>en</language>
<pubDate>Fri, 24 May 2013 14:24:00 +0000</pubDate>

<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24614</link>
<pubDate>Wed, 04 Jan 2012 00:33:27 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24614@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;Thanks for the tip!  I figured it was something to do with the block level part/display:block, but I didn't see it in the CSS. &#60;/p&#62;
&#60;p&#62;I tried display:inline first, and that fixed the image wrap problem, but caused another style problem on a different h3 on the site, so I added &#34;style: display:inline;&#34; just to that h3 (since it's a static About page) and it fixed that instance. It's fine in IE8, I have to see what nightmare presents itself in IE7.  &#60;/p&#62;
&#60;p&#62;Thanks also for the note about spam fairies. I was going crazy, trying to post!
&#60;/p&#62;</description>
</item>
<item>
<title>helgatheviking on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24606</link>
<pubDate>Tue, 03 Jan 2012 21:34:29 +0000</pubDate>
<dc:creator>helgatheviking</dc:creator>
<guid isPermaLink="false">24606@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;the spam fairies sometimes trap posts if they have a lot of links in them.  has happened to me a lot in the past.  &#60;/p&#62;
&#60;p&#62;headings are block level elements by default, so they wouldn't automatically wrap around a float.  you could maybe try display: inline-block though be forewarned that doesn't jive w/ IE7 and older, b/c IE sucks.
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24602</link>
<pubDate>Tue, 03 Jan 2012 20:25:02 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24602@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;I've played with the following CSS and can't seem to affect this width of the h3:&#60;/p&#62;
&#60;p&#62;.entry-content h3 {&#60;br /&#62;
    color: #582700;&#60;br /&#62;
    font-size: 15px;&#60;br /&#62;
    font-style: normal;&#60;br /&#62;
    font-weight: bold;&#60;br /&#62;
    line-height: 20px;&#60;br /&#62;
    margin: 0 0 8px;&#60;br /&#62;
    padding: 0;&#60;br /&#62;
}&#60;br /&#62;
.entry-content {&#60;br /&#62;
    padding: 14px 0 0;&#60;br /&#62;
}&#60;br /&#62;
#content {&#60;br /&#62;
    margin: 0 0 0 270px;&#60;br /&#62;
    overflow: hidden;&#60;br /&#62;
    width: 690px;&#60;br /&#62;
}&#60;br /&#62;
.entry-title {&#60;br /&#62;
    color: #582700;&#60;br /&#62;
    font-family: Georgia,Georgia,&#34;Times New Roman&#34;,Times,serif;&#60;br /&#62;
    font-size: 19px;&#60;br /&#62;
    font-weight: bold;&#60;br /&#62;
    line-height: 22px;&#60;br /&#62;
    margin: 0;&#60;br /&#62;
    width: 660px;&#60;br /&#62;
}&#60;/p&#62;
&#60;p&#62;The reason I included the class &#34;entry-title&#34; is because on the home page, I had to add a width to this to get one of the heads to stay on one line (so maybe it's affecting this?).&#60;br /&#62;
In fact, I would rather NOT have a width on the class &#34;entry-title&#34; but using 100% and other tries didn't work. &#60;/p&#62;
&#60;p&#62;For that matter, I can't seem to change the width of the text - there's a margin on the right side that's a little too wide for me, but I can't see where there is padding or margin or width that is affecting it. &#60;/p&#62;
&#60;p&#62;Is there something with display:block that I should turn off to make this h3 not go below this image?&#60;/p&#62;
&#60;p&#62;Please let me know if there is more code I should post. I'm sure this is something so simple, I just can't see it, so thanks so much for taking a look!&#60;/p&#62;
&#60;p&#62;And so sorry for all of the posts!!! I don't know why the link was making it get rejected from the forum!
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24601</link>
<pubDate>Tue, 03 Jan 2012 20:24:43 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24601@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;Trying to post the link to the static page (it keeps getting rejected, so here it is with spaces): &#60;a href=&#34;http://www.&#34; rel=&#34;nofollow&#34;&#62;www.&#60;/a&#62; buunnicoffee.com /testing2 / about-us/&#60;br /&#62;
(Take out the space -- I don't know why I'm having a problem, sorry!)
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24600</link>
<pubDate>Tue, 03 Jan 2012 20:23:54 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24600@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;Trying to post the link to the static page: &#60;a href=&#34;http://buunnicoffee.com/testing2/about-us/&#34; rel=&#34;nofollow&#34;&#62;http://buunnicoffee.com/testing2/about-us/&#60;/a&#62;
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24599</link>
<pubDate>Tue, 03 Jan 2012 20:23:26 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24599@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;On a static page (I can't seem to post the link), the first subhead &#34;About Our Founders: Elias and Sarina&#34; is extending the full width of the #container and the div with class=&#34;entry-content&#34;. The rest of the text wraps around the image, but for some reason, this heading is being pushed below the image. Further down the page, another image is floated (it's inside the h3 tag) and the heading wraps around the image just fine. (I have a screenshot of firebug but I don't know how to attach?)
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24598</link>
<pubDate>Tue, 03 Jan 2012 20:22:54 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24598@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;On a static page: &#60;a href=&#34;http://www.buunnicoffee.com/testing2/about-us/&#34; rel=&#34;nofollow&#34;&#62;http://www.buunnicoffee.com/testing2/about-us/&#60;/a&#62;
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24596</link>
<pubDate>Tue, 03 Jan 2012 20:22:00 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24596@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;On a static page: &#60;a href=&#34;http://buunnicoffee.com/testing2/about-us/,&#34; rel=&#34;nofollow&#34;&#62;http://buunnicoffee.com/testing2/about-us/,&#60;/a&#62; the first subhead &#34;About Our Founders: Elias and Sarina&#34; is extending the full width of the #container and the div with class=&#34;entry-content&#34;. The rest of the text wraps around the image, but for some reason, this heading is being pushed below the image. Further down the page, another image is floated (it's inside the h3 tag) and the heading wraps around the image just fine. (I have a screenshot of firebug but I don't know how to attach?)
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24595</link>
<pubDate>Tue, 03 Jan 2012 20:21:39 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24595@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;I guess I have to do this in pieces, again, apologies:&#60;br /&#62;
Hi All,&#60;br /&#62;
This seems like a simple CSS problem, but for the life of me, I can't solve it. I've searched the forums and can't find anything.
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24594</link>
<pubDate>Tue, 03 Jan 2012 20:21:09 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24594@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;I'm having trouble posting a new question, I'm so sorry for all of the posts.
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24593</link>
<pubDate>Tue, 03 Jan 2012 20:20:32 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24593@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;Sorry for all of the posts - I'm having trouble posting this question, so I have to do it in pieces.&#60;/p&#62;
&#60;p&#62;Hi All,&#60;br /&#62;
This seems like a simple CSS problem, but for the life of me, I can't solve it. I've searched the forums and can't find anything.&#60;/p&#62;
&#60;p&#62;On a static page: &#60;a href=&#34;http://buunnicoffee.com/testing2/about-us/,&#34; rel=&#34;nofollow&#34;&#62;http://buunnicoffee.com/testing2/about-us/,&#60;/a&#62; the first subhead &#34;About Our Founders: Elias and Sarina&#34; is extending the full width of the #container and the div with class=&#34;entry-content&#34;. The rest of the text wraps around the image, but for some reason, this heading is being pushed below the image. Further down the page, another image is floated (it's inside the h3 tag) and the heading wraps around the image just fine. (I have a screenshot of firebug but I don't know how to attach?)
&#60;/p&#62;</description>
</item>
<item>
<title>elizabethr4 on "h3 not wrapping around floated image, simple CSS problem?"</title>
<link>http://themeshaper.com/forums/topic/help-cant-start-a-new-support-category#post-24592</link>
<pubDate>Tue, 03 Jan 2012 20:18:09 +0000</pubDate>
<dc:creator>elizabethr4</dc:creator>
<guid isPermaLink="false">24592@http://themeshaper.com/forums/</guid>
<description>&#60;p&#62;Hi All,&#60;br /&#62;
This seems like a simple CSS problem, but for the life of me, I can't solve it. I've searched the forums and can't find anything.&#60;/p&#62;
&#60;p&#62;On a static page: &#60;a href=&#34;http://buunnicoffee.com/testing2/about-us/,&#34; rel=&#34;nofollow&#34;&#62;http://buunnicoffee.com/testing2/about-us/,&#60;/a&#62; the first subhead &#34;About Our Founders: Elias and Sarina&#34; is extending the full width of the #container and the div with class=&#34;entry-content&#34;. The rest of the text wraps around the image, but for some reason, this heading is being pushed below the image. Further down the page, another image is floated (it's inside the h3 tag) and the heading wraps around the image just fine. (I have a screenshot of firebug but I don't know how to attach?)&#60;/p&#62;
&#60;p&#62;I've played with the following CSS and can't seem to affect this width of the h3:&#60;/p&#62;
&#60;p&#62;.entry-content h3 {&#60;br /&#62;
    color: #582700;&#60;br /&#62;
    font-size: 15px;&#60;br /&#62;
    font-style: normal;&#60;br /&#62;
    font-weight: bold;&#60;br /&#62;
    line-height: 20px;&#60;br /&#62;
    margin: 0 0 8px;&#60;br /&#62;
    padding: 0;&#60;br /&#62;
}&#60;br /&#62;
.entry-content {&#60;br /&#62;
    padding: 14px 0 0;&#60;br /&#62;
}&#60;br /&#62;
#content {&#60;br /&#62;
    margin: 0 0 0 270px;&#60;br /&#62;
    overflow: hidden;&#60;br /&#62;
    width: 690px;&#60;br /&#62;
}&#60;br /&#62;
.entry-title {&#60;br /&#62;
    color: #582700;&#60;br /&#62;
    font-family: Georgia,Georgia,&#34;Times New Roman&#34;,Times,serif;&#60;br /&#62;
    font-size: 19px;&#60;br /&#62;
    font-weight: bold;&#60;br /&#62;
    line-height: 22px;&#60;br /&#62;
    margin: 0;&#60;br /&#62;
    width: 660px;&#60;br /&#62;
}&#60;/p&#62;
&#60;p&#62;The reason I included the class &#34;entry-title&#34; is because on the home page, I had to add a width to this to get one of the heads to stay on one line (so maybe it's affecting this?).&#60;br /&#62;
In fact, I would rather NOT have a width on the class &#34;entry-title&#34; but using 100% and other tries didn't work. &#60;/p&#62;
&#60;p&#62;For that matter, I can't seem to change the width of the text - there's a margin on the right side that's a little too wide for me, but I can't see where there is padding or margin or width that is affecting it. &#60;/p&#62;
&#60;p&#62;Is there something with display:block that I should turn off to make this h3 not go below this image?&#60;/p&#62;
&#60;p&#62;Please let me know if there is more code I should post. I'm sure this is something so simple, I just can't see it, so thanks so much for taking a look!
&#60;/p&#62;</description>
</item>

</channel>
</rss>
