CSS Inline Block with LI elements

Standard

Just a really short post today with a very frustrating issue I have come across several times. When you use a list with LI elements in HTML and apply the inline-block display property to them, a 4 pixel margin is auto created on the right of each element.

To get around this, you need to eliminate the whitespace between the

and

  • tags in your code, so the markup would look like this:

    1. <ul>
    2. <li>
    3. <p>One</p>
    4. </li><li>
    5. <p>Two</p>
    6. </li>
    7. </ul>

    Apparently it has to do with inline-block being whitespace sensitive with LI elements. All I know is it’s a quirky thing to have to do, but it gets rid of those pesky “ghost” margins!

    ]]>

  • MySQL UUID storage

    Standard

    Before I begin today’s article, I would just like to preface this and say that i am working on a series about how I set up my development environment. It is slightly complicated, but I am proud of it, and will post that series soon.

    For today, I recently had to rebuild my development web server and did a mysql dump to backup all of my application databases. I did not know that doing a backup this way does not back up user defined functions (UDFs) and had to rebuild them from scratch. For my own sake, as well as to hopefully help others, I would like to go over the two UDFs I am using.

    ]]>

    Random Thoughts

    Standard

    It’s been a while and many things have been going on; though really it’s just life getting in the way of me sitting down to write. I lost my job, mainly becuase of a stupid mistake. Things happen, I understand that. I have learned from the mistakes I have made in the past and I am read to move forward. 

    ]]>