250 html and web design secrets phần 6

Công việc của bạn là để cấu hình các mẫu và các điều khoản, cho phép các cá nhân khác nhau truy cập vào những khu vực nội dung mà họ sẽ được quản lý. CMS cung cấp của thiên nhiên này có thể là một lựa chọn hợp lý cho nhiều trường hợp vì chi phí thấp, | 200 Part II HTML XHTML CSS and Accessibility Listing 8-8 continued padding 10px style head body ul id links li a href http Wiley span Wiley is the publisher of this book. span a li li a href http Molly span Molly is the author of this book. span a li li a href http Ethan span Ethan is the technical editor of this book. span a li ul body html Figure 8-20 shows the results. Figure 8-20 Text mouseovers using CSS work well in today1 s modern Web browsers. Add additional features to your links styles to enhance the look. Or create an tip awesome list-based navigation as described earlier in this book to create horizontal as well as vertical navigation options with this technique. Chapter 8 Style Tips for Type and Design 201 Secret 143 Text and Image Mouseovers You can use the same swapping technique using images. In this case you ll be placing an image element directly into the anchor element and instead of using the display element to hide and then reveal the image you ll set the image to have no height and width until the hover state in which you llinclude width and height see Listing 8-9 . Listing 8-9 CSS mouseovers using images DOCTYPE html PUBLIC - W3C DTD XHTML Transitional EN http TR xhtml1 DTD html xmlns http 1999 xhtml head title Text Mouseovers title meta http-equiv Content-Type content text html charset iso-8859-1 style type text css links position absolute top 100px left 25px width 150px height 300px font 14px Arial sans-serif links a display block font-weight bold text-decoration none text-align center padding 10px color c00 border 1px solid black links a hover color c00 background-color FFF links a span display none continued 202 Part II HTML XHTML CSS and Accessibility Listing 8-9 continued links a img height 0 width 0 border-width 0 links a hover img position absolute top 75px left 255px height 50px width 190px li list-style-type none padding 10px style head .

Không thể tạo bản xem trước, hãy bấm tải xuống
TÀI LIỆU MỚI ĐĂNG
187    27    1    02-12-2024
Đã 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.