CSS


WordPress is one of the most popular CMS platforms in today’s web design industry, largely because of the vast selection of available themes, free and commercial. But most often a theme is only a starting point – there is no such thing as a perfect theme – many website owners start with a great theme […]

Read More

Improving Your Page Speed (Part 4)


Posted on Jul 22, 2010

CSS is a style sheet language that is used to control the overall look and style of a website.  When website developers program CSS, they often leave lines in between the codes for better viewing.  This makes the code easier to read and modify.  However, the more spaces and lines a CSS file contains, the […]

Read More

We will end this CSS Menu Series by learning how to turn this: Home Services Products Support About Contact into this: 1. Let’s start with the HTML code for our CSS menu: <div id=”mainmenu”> <ul> <li><a href=”#”>Home</a></li> <li><a href=”#”>Services</a></li> <li><a href=”#”>Products</a></li> <li><a href=”#”>Support</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Contact</a></li> </ul> </div> 2. Then, we will have to […]

Read More

Creating a pop out menu is very similar to creating a dropdown menu. We’ll start by adding a nested list to our basic list menu. <ul id=”mainmenu”> <li><a href=”home.html”>Home</a></li> <li><a href=”services.html”>Services</a></li> <li> <ul> <li><a href=”services1.html”>Service 1</a></li> <li><a href=”services2.html”>Service 2</a></li> <li><a href=”services3.html”>Service 3</a></li> </ul> </li> <li><a href=”products.html”>Products</a></li> <li><a href=”support.html”>Support</a></li> <li><a href=”about.html”>About</a></li> <li> <ul> <li><a href=”history.html”>Company History</a></li> <li><a href=”staff.html”>Staff</a></li> […]

Read More

There was a time with it was necessary to use JavaScript to create dynamic menus. But, the wide support of the :hover pseudo-class has changed that. To create the dropdown menu, we will first need to add a nested list to our basic list menu. <ul id=”mainmenu”> <li><a href=”home.html”>Home</a></li> <li><a href=”services.html”>Services</a></li> <li><a href=”products.html”>Products</a></li> <li><a href=”support.html”>Support</a></li> <li><a […]

Read More

Vertical menus are created in much the same way as horizontal menus, but they are even easier. This menu: items aligned vertically items are displayed as blocks block background color changes upon hover To create the above menu, we will use CSS to style our basic list menu: 1. Remove all the default list styling. ol, ul […]

Read More