Hi!
I want to put a button on my site to offer to my visitor 2 different text size!
What's the best way to do that? Have 2 .css?
tIn Mozilla, it's as easy as this:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css" title="Default fonts">
/*<![CDATA[*/
html, body {
font-size: 100%;
}
/*]]>*/
</style>
<style type="text/css" title="Larger fonts">
/*<![CDATA[*/
html, body {
font-size: 150%;
}
/*]]>*/
</style>
</head>
<body>
<body>
<p>foo</p>
</body>
</body>
</html>However, in IE it's likely you'll have to use some extra scripting to get it working correctly; check this article (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/alternate/">http://www.alistapart.com/articles/alternate/</a><!-- m -->).Look at customization wiget on my site.
I want to put a button on my site to offer to my visitor 2 different text size!
What's the best way to do that? Have 2 .css?
tIn Mozilla, it's as easy as this:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>untitled</title>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" />
<style type="text/css" title="Default fonts">
/*<![CDATA[*/
html, body {
font-size: 100%;
}
/*]]>*/
</style>
<style type="text/css" title="Larger fonts">
/*<![CDATA[*/
html, body {
font-size: 150%;
}
/*]]>*/
</style>
</head>
<body>
<body>
<p>foo</p>
</body>
</body>
</html>However, in IE it's likely you'll have to use some extra scripting to get it working correctly; check this article (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/alternate/">http://www.alistapart.com/articles/alternate/</a><!-- m -->).Look at customization wiget on my site.