monkeyflash.com
October 10th, 2006 | Posted in HTML & CSS, Tutorials
Recently, I fought another browser inconsistency battle over the placement of image bullets to the left of an unordered list. While Firefox places the bullets where I expect, Internet Explorer places them too high, moving them out of alignment with the text. IE also occasionally moves the text too close to the bullet, and refuses to move it no matter what styles I apply. It’s only a minor difference, but in some cases this misalignment can become disorienting to the user. »
June 30th, 2006 | Posted in HTML & CSS, Tutorials
Wouldn’t it be really cool if there were a way to create an image rollover that doesn’t require preloading images or JavaScript? Wouldn’t it be great if you could create horizontal or vertical navigation using only a clean unordered list markup in your HTML? How about having both of them, together?
Let’s take a look at the HTML code we will use for this example. I wanted to keep the code as clean as possible, while making it possible to arrange the display of the items in a variety of ways. »
June 20th, 2006 | Posted in HTML & CSS, Tutorials
One of the simplest and most efficient forms of navigation for a website is the horizontal list of items, separated by the pipe (|) symbol. Unfortunately, marking up a <p> tag with the pipe character in between links is messy and not very accessible. A more efficient method to solve this problem is to use an unordered list to markup the navigation links. We can then use CSS to style the vertical list horizontally and add the appropriate separators. »