In the last step we worked on making our header look more like the inspiration design. We added the decorative horizontal green and yellow line, and now we’re ready to keep moving along and adding some more refinement to the design. In this step, we’ll…
Category: Tutorials
In the last step, we worked on creating our menu to enhance the look of the design and bring it yet another step closer to our inspiration piece. The aspect we are going to work on in this step is going to be our header…
In Step 2 of our 2-column tableless layout, we made our basic layout look significantly better with changes to some margins and padding that improved the structure. In this step, we are going to focus on the menu area. A well-made menu really can make…
In Step 1 of the 2-column tableless layout tutorial, I showed you how to make a very quick two column design using only floats and percentages. Now, to show you that you can expand on this idea to really create a full design, I’m going…
Lots of people claim that making a site using CSS divs instead of tables is horribly difficult. Well, I tend to disagree. It’s just different, and if you don’t know any CSS, it might feel difficult. So, I’m starting a step-by-step tutorial on how to…
We know that one of the best uses of CSS is its ability to cascade style settings (rules). However, I have seen many website CSS files that do not fully take advantage of some of the most powerful aspects of CSS – descending selectors. I…
One thing that CSS allows us to use for screen presentation are alternate cursors. This is not the idea of downloading or forcing a download of a cursor, as was done in the past (though that is possible as well), but instead, we use several…
Since I recently wrote an article on the benefits of a tableless layout, I felt it prudent to express my views on it in practical application. I personally know many many web developers who work in the industry, and whether these people have multiple clients,…
Recently Kalle asked me to write up an article on why people should stop using tables, and show a simple example of tableless design. The reason was not because he doesn’t know how to create them, nor because there are not many examples on the…
Making Menus The Right Way Seems like a No-Brainer doesn’t it? Except that it is, apparently, not the case. I constantly see web pages with code like this for a vertical navigation bar: <a href="1.html">Link1</a><br /><br /> <a href="2.html">Link2</a><br /><br /> <a href="3.html">Link3</a><br /><br />…