You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Once you've picked one of the alternate stylesheets for this page, go back to the <ahref="alt-style.html"><strong>first page</strong></a>, which links in the same alternate stylesheets. Notice that it starts out with the default stylesheet instead of the alternate that was picked for this page. Even worse, when you come back here odds are you'll be back to the default styles. This is why Javascript-and-cookie-based style pickers are gaining in popularity.
13
-
</p>
14
-
<ul>
15
-
<li><ahref="http://www.meyerweb.com/">meyerweb home page</a>
Lorem ipsum, dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
21
-
</p>
22
-
23
-
<!--#include virtual="/inc/page-end.html" -->
24
-
</body>
25
-
</html>
1
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Alternate Stylesheets</title><linkrel="alternate stylesheet" href="alt-style-1.css" type="text/css" title="Grape World"><linkrel="alternate stylesheet" href="alt-style-2.css" type="text/css" title="On Fire!"><linkrel="alternate stylesheet" href="alt-style-3.css" type="text/css" title="kaleidoscope"></head><bodyid="www-meyerweb-com" class="css"><h1>Alternate Stylesheets, Part 2</h1><p>Once you've picked one of the alternate stylesheets for this page, go back to the <ahref="alt-style.html"><strong>first page</strong></a>, which links in the same alternate stylesheets. Notice that it starts out with the default stylesheet instead of the alternate that was picked for this page. Even worse, when you come back here odds are you'll be back to the default styles. This is why Javascript-and-cookie-based style pickers are gaining in popularity.</p><ul><li><ahref="http://www.meyerweb.com/">meyerweb home page</a><li><ahref="http://www.webreview.com/style/">Style Sheets Reference Guide</a><li><ahref="http://www.w3.org/">W3C</a></ul><p>Lorem ipsum, dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p><!--#include virtual="/inc/page-end.html" --></body></html>
Lorem ipsum, dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
13
-
</p>
14
-
<h3>How to Choose an Alternate Stylesheet</h3>
15
-
<p>
16
-
This varies by browser. At the moment, only Netscape Navigator 6 supports this natively, so the directions are for that browser. They're pretty simple:
17
-
</p>
18
-
<ol>
19
-
<li>Select the "View" menu.
20
-
<li>Select the "Use Stylesheet" submenu
21
-
<li>Select the stylesheet you wish to apply to this document.
22
-
</ol>
23
-
<p>
24
-
Note that the titles shown in the "Choose Stylesheet" submenu are specified in the <code>title</code> attribute of the <code>LINK</code> element. Please feel free to examin the source of this document for further information.
25
-
</p>
26
-
<p>
27
-
For the sake of completeness, I'll include some links which will get different styles in each alternate stylesheet:
28
-
</p>
29
-
<ul>
30
-
<li><ahref="http://www.meyerweb.com/">meyerweb home page</a>
Once you've picked one of the alternate stylesheets for this page, go to the <ahref="alt-style-2.html"><strong>next page</strong></a>, which links in the same alternate stylesheets. Notice that it starts out with the default stylesheet instead of the alternate that was picked for this page. Even worse, when you come back here odds are you'll be back to the default styles. This is why Javascript-and-cookie-based style pickers are gaining in popularity.
36
-
</p>
37
-
38
-
<!--#include virtual="/inc/page-end.html" -->
39
-
</body>
40
-
</html>
1
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>Alternate Stylesheets</title><linkrel="alternate stylesheet" href="alt-style-1.css" type="text/css" title="Grape World"><linkrel="alternate stylesheet" href="alt-style-2.css" type="text/css" title="On Fire!"><linkrel="alternate stylesheet" href="alt-style-3.css" type="text/css" title="kaleidoscope"></head><bodyid="www-meyerweb-com" class="css"><h1>Alternate Stylesheets</h1><p>Lorem ipsum, dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p><h3>How to Choose an Alternate Stylesheet</h3><p>This varies by browser. At the moment, only Netscape Navigator 6 supports this natively, so the directions are for that browser. They're pretty simple:</p><ol><li>Select the "View" menu.<li>Select the "Use Stylesheet" submenu<li>Select the stylesheet you wish to apply to this document.</ol><p>Note that the titles shown in the "Choose Stylesheet" submenu are specified in the <code>title</code> attribute of the <code>LINK</code> element. Please feel free to examin the source of this document for further information.</p><p>For the sake of completeness, I'll include some links which will get different styles in each alternate stylesheet:</p><ul><li><ahref="http://www.meyerweb.com/">meyerweb home page</a><li><ahref="http://www.webreview.com/style/">Style Sheets Reference Guide</a><li><ahref="http://www.w3.org/">W3C</a></ul><p>Once you've picked one of the alternate stylesheets for this page, go to the <ahref="alt-style-2.html"><strong>next page</strong></a>, which links in the same alternate stylesheets. Notice that it starts out with the default stylesheet instead of the alternate that was picked for this page. Even worse, when you come back here odds are you'll be back to the default styles. This is why Javascript-and-cookie-based style pickers are gaining in popularity.</p><!--#include virtual="/inc/page-end.html" --></body></html>
0 commit comments