TAILIEUCHUNG - Sams Teach Yourself Microsoft Expression Web 3 in 24 Hours- P12

Sams Teach Yourself Microsoft Expression Web 3 in 24 Hours- P12: Morten Rand-Hendriksen is the owner and creative director of Pink & Yellow Media, a boutique-style design company providing digital media consulting and creations for individuals, businesses, and broadcast television. He was awarded the Microsoft MVP (Most Valuable Professional) Award for his work with Microsoft Expression in 2008. | 312 HOUR 18 Building a Functional Menu FIGURE To make the items of an unordered list appear next to one another simply set the li style to display inline. padding-bottom to 5px. At the same time set the font-size to texttransform to uppercase color to 666666 and text-decoration to none. Click Apply to see the changes take effect. 7. Finally to make the menu items react when the visitor hovers her mouse over them create a new style with the selector horizontalMenuBox ul li a hover and set color to 333333 and background-color to C4C2AB. Click OK to apply the new style save and test the page in your browser. As you can see in Figure the items in the horizontal menu reacts in much the same way as the vertical one with one major difference the entire hover area is a link. This is because you used the padding in step 6 to expand the link area to cover an area larger than the text itself. You can use the same technique to make the entire area of the vertical menu into a link. Pure CSS Drop-Down Menus A Clean Alternative Now that you ve created a vertical and a horizontal menu it is time to merge the two into a more advanced drop-down menu in which the main menu is horizontal and the submenus are vertical. As you have learned if you want your page to be as accessible as possible and standards-compliant and cross-browser compatible base Pure CSS Drop-Down Menus A Clean Alternative 313 FIGURE With some basic styling the unordered list is turned into a functional horizontal menu. all your menus on ordered or unordered lists. That way the menu is still meaningful if the visitor is on an old computer or uses a text-only or text-to-speech browser. The ideal solution for making drop-down menus should be to create an unordered list with sublists styled using CSS. And in an ideal world this wouldn t be that much of a problem. Unfortunately the idiosyncratic nature of the most prolific browsers especially Internet Explorer 6 has made it all but impossible to .

Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.