Archive for March, 2009

Drop Down Menus, Horizontal Style | Css Edge

0
2 years ago

The first and most important part of creating our menu is the menu structure itself. The best way to do this is to build an unordered list, with each sub-menu appearing as a list within its parent list item. Sound complicated? It’s actually very straightforward: 

  <ul>     <li><a href="#">Home</a></li>     <li><a href="#">About</a>       <ul>         <li><a href="#">History</a></li>         <li><a href="#">Team</a></li>         <li><a href="#">Offices</a></li>       </ul>     </li>     <li><a href="#">Services</a>       <ul>         <li><a href="#">Web Design</a></li>         <li><a href="#">Internet             Marketing</a></li>         <li><a href="#">Hosting</a></li>         <li><a href="#">Domain Names</a></li>         <li><a href="#">Broadband</a></li>       </ul>     </li>    <li><a href="#">Contact Us</a>       <ul>         <li><a href="#">United Kingdom</a></li>         <li><a href="#">France</a></li>         <li><a href="#">USA</a></li>         <li><a href="#">Australia</a></li>       </ul>     </li>   </ul>

That’s it: some simple HTML that is both accessible and easy to edit.

Visually appealing?

If you have previewed the menu above, you’ll see a pretty boring list of items. And I promised you it would be visually appealing! Let’s add some style.

The first step is to remove the indents and bullets from More >

Print style sheet – the definitive guide | css-edge.blogspot.com

0
2 years ago

A print stylesheet formats a web page so when printed, it automatically prints in a user-friendly format. Print stylesheets have been around for a number of years and have been written about a lot. Yet so few websites implement them, meaning we’re left with web pages that frustratingly don’t properly print on to paper.

It’s remarkable that so few websites use print stylesheets as:

  • Print stylesheets enormously improve usability, especially for pages with a lot of content (such as this one!)
  • They’re phenomenally quick and easy to set up

Some websites do offer a link to a print-friendly version of the page, but this of course needs to be set up and maintained. It also requires that users notice this link on the screen, and then use it ahead of the regular way they print pages (e.g. by selecting the print button at the top of the More >

Go to Top