<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>tanhaaiyaaN &#187; css</title>
	<atom:link href="http://www.tanhaa.net/index.php/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tanhaa.net</link>
	<description>Notes from the underground!</description>
	<lastBuildDate>Tue, 01 Nov 2011 17:01:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Drupal &#8212; the design errors that just won&#8217;t go away!</title>
		<link>http://www.tanhaa.net/index.php/2010/04/06/drupal-the-design-errors-that-just-wont-go-away/</link>
		<comments>http://www.tanhaa.net/index.php/2010/04/06/drupal-the-design-errors-that-just-wont-go-away/#comments</comments>
		<pubDate>Tue, 06 Apr 2010 21:39:08 +0000</pubDate>
		<dc:creator>tanhaa</dc:creator>
				<category><![CDATA[Drupal]]></category>
		<category><![CDATA[techno-babble]]></category>
		<category><![CDATA[acquia prosper]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[drupal theme]]></category>

		<guid isPermaLink="false">http://www.tanhaa.net/?p=321</guid>
		<description><![CDATA[Recently, while designing a site in Drupal using the theme acquia prosper (awesome theme, very customizable, gives a lot of control without you needing to go deep into theme css files or sub-theming), I just happened to fumble upon a few things that just wouldn&#8217;t go away.. ah the hours wasted! Well if this can [...]]]></description>
			<content:encoded><![CDATA[<p>Recently, while designing a site in <a href="www.drupal.org" target="_blank">Drupal</a> using the theme <a href="http://drupal.org/project/acquia_prosper" target="_blank">acquia prosper</a> (awesome theme, very customizable, gives a lot of control without you needing to go deep into theme css files or sub-theming), I just happened to fumble upon a few things that just wouldn&#8217;t go away.. ah the hours wasted! Well if this can help someone, I&#8217;d be very happy.</p>
<p>1.  FCKEditor loves to add &lt;p&gt; tags.  Problem becomes even worse if you are making a block with only an image in it and FCKEditor just won&#8217;t let you take that &lt;p&gt; tag out.  Of course you can disable FCKeditor and enter everything manually, but I&#8217;m sure we will all agree that FCKEditor along with IMCE just makes life a lot easier when adding images to the site.  One solution is to configure the FCKEditor module so that on &lt;Enter&gt; it adds a &lt;br /&gt; tag instead of a &lt;p&gt; tag.  The other solution ties in with the second problem below</p>
<p>2. Even without FCKEditor, when you go and check your site on IE, you see the block is just not positioned properly! What&#8217;s going on?  You check the source and you find a &lt;p&gt; tag AGAIN around the image!  What the?   If you create a block with the intent of only including a simple image  tag in the code (or anything besides text), Drupal will surround your  code with paragraph tags. The  tags, by default, come along with a 1em  margin on both top and bottom &#8212; right, while Firefox may show your design properly, IE definitely doesn&#8217;t.  Solution?  You can always just put a small code in the CSS file.  In my case, with Acquia prosper (and Skinr module), I was able to add a custom CSS class to the block which then was defined in the local.css file:</p>
<blockquote><p>.custom-css-name p{<br />
margin:0;}</p></blockquote>
<p>So that works.  You can also try a CSS override in the following manner:   #your-block-id  p { margin: 0; }</p>
<p>Or finally, you can always create a new block input type that doesn&#8217;t convert spaces into unwanted tags.  Basically a new input format that will have the following property unchecked:</p>
<blockquote><p>Converts line breaks into HTML (i.e.  &lt;br&gt; and &lt;p&gt; tags).</p></blockquote>
<p>I hope this helps if you have also run across this problem &#8230; ah that pesky &lt;p&gt; tag that just won&#8217;t go away!</p>
<p><span class="thmr_call"><span class="thmr_call"><br />
</span></span></p>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 65px; width: 1px; height: 1px; overflow: hidden;">If you create a block with the intent of only including a simple image  tag in the code (or anything besides text), Drupal will surround your  code with paragraph tags. The  tags, by default, come along with a 1em  margin on both top and bottom,</div>
<p style="text-align: center;"></p>
<p><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Fwww.tanhaa.net%2Findex.php%2F2010%2F04%2F06%2Fdrupal-the-design-errors-that-just-wont-go-away%2F&amp;title=Drupal%20%26%238212%3B%20the%20design%20errors%20that%20just%20won%26%238217%3Bt%20go%20away%21" id="wpa2a_2"><img src="http://www.tanhaa.net/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.tanhaa.net/index.php/2010/04/06/drupal-the-design-errors-that-just-wont-go-away/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

