Dropdowns (horizontal) or flyout (vertical) menus abound on websites and come in many different flavours. They are also put together in a number of different ways, some done with javascript, some with 'pure' CSS and some a mixture of both.
Usually this question is accompanied by: "It looks fine in Internet Explorer but not Firefox"
and it's usually because a height has been specified on the element in question.
Well I've discussed which browser to avoid using for primary testing, and which browser I prefer to use, so which browsers should one test in?
As mentioned previously, I have a personal favourite browser when it comes to web development and that is Firefox. This is not only because of its good standards support (although it doesn't yet pass the Acid 2 Test) and not because it has tabbed browsing and not because it's any other browser other than Internet Explorer.
As mentioned in previous posts, I spend some time on web design-related forums so a lot of what I've written on this site has been in response to questions I see asked quite often. This post is not so much about a question, but a reaction.
Anyone who's used the web has encountered buttons in forms. Buttons, as with most form controls, can be a bit tricky to style for consistent look cross browser and cross platform as the operating system often has more to do with how they are rendered than the browser itself. Roger Johansson has delved into this issue in more detail.
Sometimes you want to have a list of text items or images appear on the same line but with some items aligned to the left and some aligned to the right. An example of this would be a footer where you want to split the links down the middle. Or maybe a blog post where you want to put the date on the left and the number of comments on the right.
There are already several excellent articles discussing the sliding door tabs technique for creating navigation elements, so why do we need another one? (For those who don't already know, sliding door tabs, originally conceived by Douglas Bowman, are navigation tabs made up of two separate background images which allows for the tabs to expand and contract when the user resizes the text in their browser.)
The title of your site is a fairly important aspect of any site and in most cases appears on every page. But just what is the correct tag to use to display your site's title? We, of course, have the <title> tag but this doesn't actually appear in the body of your page, but rather at the top of your window.
se·man·tic adj.
- Of or relating to meaning, especially meaning in language.
- Of, relating to, or according to the science of semantics.
OK, so semantic has to do with 'meaning' but what has that got to do with coding web pages? Well, when referring to semantic mark-up, it means using the correct tag to accurately describe the type of content.