Freelance developer and female geek
Posts tagged ‘html’
The last few weeks have been stupidly busy with too many changes in focus but one of the most important steps forward has been the first full html5 website I’ve completed. Continue reading ‘HTML5 - the first full implementation’ »
There’s been a lot of griping today about the use of an unordered list for a navigation menu (from @calevans among others). Although it is a generally accepted practice with the argument that a navigation menu is an unordered list of links, it’s not too difficult to find an alternative that is just as efficient is it? What’s the most basic code we could use as an alternative?
In html5 you could use the following: -
<nav>
<a title="First link additional text" href="#">Link 1</a>
<a title="Second link additional text" href="#">Link 2</a>
<a title="Third link additional text" href="#">Link 3</a>
</nav>
with css to sort out positioning and look.
For some specific layouts you may want to specify a :first-child pseudo class or a class="last" on a link.
For HTML4 strict just substitute a <div class="menu"> for <nav>.
So, not as complicated as I once thought!
Happily I appear to have fixed the issue with footer styling as detailed in my last post. Oh to have such an easy answer to all my problems!
The addition of
{display:block;}
to the css told the browser (in this case firefox 3.0.6) what sort of element <footer> is and therefore how it should be dealt with.
Result - display as originally expected:
screen shot of firefox 3.0.6
Big thanks to Bruce and David for pointing out this simple but effective solution.
I’m lazy by nature and the less I have to type to get something working the better. This is what attracted me to HTML in the first place: meaningful tags reducing the need for div-itis. Adoption by the browser manufacturers seems to continue at their own pace (whatever that really means) and in the mean time something I expected to look like this:
screen shot of firefox 3.0.6
well lets just say, it just didn’t. Not good…