Web Programming with HTML, XHTML, and CSS Second Edition- P9

59313c10.qxd:WroxPro 3/23/08 11:57 AM Page 371 Chapter 10: Design Issues While using images often makes a menu very distinct from content, you must be careful that your images are not so large that they slow down the loading of the site Figure 10-6 shows an example of using images for navigation within a separate box Figure 10-6 You should take a closer look at how this menu was created; the menu is created inside a element; and the CSS rules for that element specify that it should have a background image that repeats from left to right That background only needs to be pixel wide, making the image smaller, and therefore saving the amount of time that a page takes to load The background image is also the same height as the images that are used to click on Inside this element are the images that link to the other pages When you come to look at the CSS for this example in a moment, note how there is a rule in there that specifies that images within a link should have no border — this is because IE will, by default, add a blue box around such images Between each image is a spacer image that is a darker line to separate the links if they are butted up next to each other Here is the XHTML for this example (ch10_eg06.html): The Used Equipment Exchange The disadvantage with this approach is that the presentation is not very attractive — and gets worse with longer forms — because the form controls are not aligned well with each other, as... 10: Design Issues Links should also be short and concise For example, a link that just reads “Home” is a lot more obvious and easier to read and understand than a link that says “Front door.” Having