Posts Tagged ‘CSS’

Windows 10 Outlook Mail gets updated with email rendering “improvements”

Last week the all things Microsoft and Windows news site Windows Central reported an update to the Outlook Mail app which supposedly fixed the way emails were being rendered on Windows 10. Excited (because I’m that kind of nerd), I hammered the check updates button on the Windows Store with my Lumia 950 XL in hand to take a look at this new update. Find out more on what I found in the new update.

(more…)

Emulating max-width for Outlook and older IE versions

Ever wanted to use max-width but then realised the lack of support in Outlook and older IE clients is going to ruin that plan? Well with some conditional comment magic, you can use max-width in your email templates with a graceful fallback for Outlook/IE which will work across the board. How you may ask? Keep reading on to find out how!

(more…)

Creating a Tabbed Navigation menu

Here’s another navigation tutorial but this time im being a bit different, since my last navigation tut Creating A Drop Down menu I wanted to be a bit different and step away from the boring one level navigation bars. Well in this tutorial you will learn how to create a tabbed navigation menu, complete with a under tab description feature, which when you hover on a certain tab a description will appear below the navigation bar, I’ve seen a few of these around, but most of them use javascript when really you don’t need it if your looking for something simple. Im going to teach you how to create this using HTML lists and CSS styling no javascript involved.

(more…)

Creating a Drop Down Navigation Menu

Every tutorial I’ve done on navigation bars or menu’s has been the normal one level navigation bar, but when you build a website you may feel the need to create sub categories, for example my blog houses various tutorials which are stored in categories, I have a drop down navigation bar on the main link, which is tutorials which then displays sub catergories and then the specific catergory e.g. Tutorials > XHTML > Basics in that example there are three levels. You can create navigation bar levels using lists, it’s the easiest way to create a drop down menu but for styling it can get a bit tricky, but in this tutorial Im going to show you how to form a drop down navigation menu and then style it with CSS

(more…)

Creating a glowing navigation bar

Adding glow can make things look special or stand out and it can be applied to lots of different things. Glow can be used in website designs, to make something look just a little more special than the average look. In this case I’m going to use glow and apply it to a navigation bar to make look a little bit more ‘Wow’ than the average navigation bar, using nicely coloured gradients and bit of CSS magic, I’m going to show you how to achieve a real nice navigation effect, which looks smooth, sleek and with a few little extras to make it stand out.

(more…)