Technology Insights

Outline Every Cell In Every Row Of A Table Using Textile Formatting

Textile formatting is used in numerous wiki applications and other places where easy formatting is needed for text input fields without using a WYSIWYG interface. Currently I am using textile a bunch because I spend at least some time every day adding tickets, updating tickets, and adding/modifying wiki pages in Redmine. In Redmine you have the option of using Textile formatting or no formatting by default. If anyone is on the fence regarding Textile formatting I suggest you give it a chance as it grows on you after a short amount of time.

There are a couple different ways to outline each cell within a table created using textile. Below I will explain two options available to put a border around each cell. First lets explain how to create a basic table of cell provider email addresses using Textile.

Code Snippets

Create A Easy Three Column Grid Using CSS

I am by no means a CSS guru but I definitely have to do my fair share. Last night I was struggling with creating a three column grid with multiple rows inside of another div. Everything I was trying ended up blowing out of the sides of the original div or no matter what I tried I was unable to get the image and text within each chunk of the grid to line up properly. Below is the HTML file with the CSS built in for easy testing and then it can be picked apart to use however you see fir. This was definitely the most helpful way for me to integrate with my other templates once I was able to visualize it in the most simple manner.