I Really Really Hate Tables

What can I say tables…. as part of my internship I was asked to design and set up email signatures for both their main business Milestones Technology Group (MTG) and a start-up app they have recently created WorkApp. Designing the signatures was the same process as it always is: design, modify, design modify, design, modify. Once that was done it was time to HTML it.

Screen Shot 2016-05-09 at 10.25.38 am.pngScreen Shot 2016-05-09 at 10.30.11 am.png

Once I had made the signature responsive I looked into how I would install a HTML email signature. After some research, I found that annoyingly that  mac mail and outlook don’t support CSS properties or floats. Tables it was then.

Working with tables is not fun for one they are not responsive at all and then suddenly a row grows in width out of nowhere! and when I try to set a width it does nothing!

url.jpg

After pulling my hair out about it for about 10 minutes I go in search for any other way I can do this without having to use table and I found a video by Online Mastery that uses divs and spans instead of  floats. This will also allow me to make it semi-responsive ! 🙂 however, the video was not clear on where all of his styling was coming from. After some investigating I realised that I will need to place all styling within each tag as well as when I copied Online Mastery’s process my email signature turned out looking like this:

Screen Shot 2016-05-09 at 11.05.13 am.png

Right at the end he also mentioned that I need a direct link to any images I am using if I want them to appear on the screen. All in all this process is much longer than I thought it would be.

In the end, I used tables because the mail host wouldn’t style the signature properly. Go figures.

 

I Really Really Hate Tables

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s