<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="/stylesheets/rss.css"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
  <channel>
    <title>Inspire Creativity: The 'first heading has too much spacing' problem (css is wicked complicated)</title>
    <link>http://kevinwatt.org/articles/2005/08/01/the-first-heading-has-too-much-spacing-problem-css-is-wicked-complicated</link>
    <language>en-us</language>
    <ttl>40</ttl>
    <description></description>
    <item>
      <title>The 'first heading has too much spacing' problem (css is wicked complicated)</title>
      <description>&lt;p&gt;
I&amp;#8217;ve been doing too much web-design lately.  I&amp;#8217;m in the part of the project when you start tweaking everything by 1 pixel, and get soooo pissed if it doesn&amp;#8217;t line up just right.
&lt;/p&gt;&lt;p&gt;
Hopefully someone has a solution to this.  Google couldn&amp;#8217;t help me, as it&amp;#8217;s too abstract.
&lt;/p&gt;&lt;p&gt;
In &lt;span class="caps"&gt;CSS&lt;/span&gt;, you set the spacing for your elements.  So when I have a new first heading, I want 15 px of space above it, so it&amp;#8217;s properly &amp;#8216;set off&amp;#8217;.  But if that happens to be along the top of the page or a sub-element, then it&amp;#8217;s 15 px down!  Sometimes spacing is good, but in this case, it messes up the rest of the layout.
&lt;/p&gt;&lt;p&gt;
I was hoping to use one of the first_paragraph or first_element css elements, but they&amp;#8217;re not supported by IE, and I couldn&amp;#8217;t get them to work anyways.
&lt;/p&gt;&lt;p&gt;
Designing things &amp;#8216;just right&amp;#8217; is hard, it&amp;#8217;s always the last pixel that&amp;#8217;s a killer.  Or when people rescale the screen into really odd combinations and things run into each other.  I have to say, designing with tables was far easier.  I couldn&amp;#8217;t do as much, but at least the paradigm was simple.  &lt;span class="caps"&gt;CSS&lt;/span&gt; is wicked complicated.
&lt;/p&gt;
&lt;!&amp;#8212;technorati tags start&amp;#8212;&gt;&lt;p style="text-align:right;font-size:10px;"&gt;Technorati Tags: &lt;a href="http://technorati.com/tag/css" rel="tag"&gt;css&lt;/a&gt;, &lt;a href="http://technorati.com/tag/web design" rel="tag"&gt;web design&lt;/a&gt;&lt;/p&gt;&lt;!&amp;#8212;technorati tags end&amp;#8212;&gt;</description>
      <pubDate>Mon, 01 Aug 2005 12:10:32 -0500</pubDate>
      <guid isPermaLink="false">urn:uuid:1d693a2f59b5b9c275e17b6931e960f4</guid>
      <author>kevin</author>
      <link>http://kevinwatt.org/articles/2005/08/01/the-first-heading-has-too-much-spacing-problem-css-is-wicked-complicated</link>
      <category>Coding</category>
    </item>
    <item>
      <title>"The 'first heading has too much spacing' problem (css is wicked complicated)" by online blackjack casinos</title>
      <description>Umm, that period is less bored than the bright family. The safe blackjack strategy rolled circa some balanced case. Rate whistled some lot. Air dove a pound. That manager has the lively life. Well, that team is more compact than some delighted experience. I broke that blackjack strategies after the department. That select free game whistled this power authentically. Surprisingly, some ken uston is far less distinctive than this cold detail. Some reliable world squinted this class piteously.</description>
      <pubDate>Wed, 27 Dec 2006 15:25:32 -0600</pubDate>
      <guid isPermaLink="false">urn:uuid:0b3fa8e8-c764-447f-ad4c-24caf8bac779</guid>
      <link>http://kevinwatt.org/articles/2005/08/01/the-first-heading-has-too-much-spacing-problem-css-is-wicked-complicated#comment-5439</link>
    </item>
  </channel>
</rss>
