Web Axe: web accessibility podcast and blog

2 Comments:

At 10:54 PM,  Chris Charlton said...

To add more "air" in your links, allowing users to click easier, in CSS, use padding.

Also, when using links in lists (for navigation), you could use "width: 100%" trick, that provides the same reaction like using LABEL tags with form fields.

 

At 5:40 PM,  Dennis Lembree said...

Here's the CSS code for the menu of one of my web sites. I think the "display: block;" is the code that makes the text function more like a button.

#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li{
margin: 0;
padding: 0;
float: left;
}
#menu a {
display: block;
padding: .3em .6em;
font-weight: bold;
text-decoration: none;
border-right: 1px solid #888;
}
#menu a:hover, #menu a:focus {
background-color: #eee;
color: inherit;
}

 

Post a Comment

<< Home

About Dennis

Dennis Lembree is the founder of web development company Web Overhauls, which specializes in web usability, standards, and accessibility. Follow Dennis on Twitter: @dennisl

About Ross

Ross Johnson runs a web design company (3.7 Designs) that takes a wholistic view on the web and art of constructing pages. They strive to be creative and unique. Follow Ross on Twitter: @3pointross