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

Web Programming with HTML, XHTML, and CSS Second Edition- P9: Điều này bắt đầu hướng dẫn nhận xét HTML và cũng giới thiệu đến bạn bằng cách sử dụng XHTML cho cấu trúc của một trang web và cascading style sheets (CSS) để kiểm soát như thế nào một tài liệu sẽ xuất hiện trên một trang web. Bạn se tìm hiểu làm thế nào để tận dụng lợi thế của các tính năng mới của các trình duyệt trong khi đảm bảo rằng các trang của bạn vẫn làm việc ở cũ, nhưng phổ biến, các trình duyệt. Bằng. | 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 div 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 1 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 div 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 div class page h1 The Used Equipment Exchange h1 div class navigation img src images alt width 2 height 16 a href title Home page img src images alt Home width 38 height 16 a img src images alt width 2 height 16 a href title Stock List img src images alt Stock List width 70 height 16 a img src images alt width 2 height 16 a href title Equipment Wanted img src images alt Wanted width 54 height 16 a img src images alt width 2 height 16 371 Chapter 10 Design Issues a href title Contact Us img src images alt Contact Us width 75 height 16 a img src images .