StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You could use jQuery's <a href="http://docs.jquery.com/Utilities/jQuery.browser" rel="nofollow noreferrer"><code>$.browser</code></a> in an <code>if</code> statement which executes <a href="http://docs.jquery.com/Effects/slideDown" rel="nofollow noreferrer"><code>slideDown</code></a> when the condition is met. Something like:</p> <pre><code>if ($.browser.msie && $.browser.version <= 6) { $('#someHiddenDivId').slideDown(); } </code></pre> <p>You can eventually use it in combination with the snippet of <a href="http://ie6nomore.com" rel="nofollow noreferrer">http://ie6nomore.com</a> :)</p> <p><strong>Edit</strong>: as per the comments, here's an <a href="http://sscce.org" rel="nofollow noreferrer">SSCCE</a>, just copy'n'paste'n'run it.</p> <pre><code><!doctype html> <html lang="en"> <head> <title>Test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { if ($.browser.msie && $.browser.version <= 6) { $('#ie6msg').slideDown(); } }); </script> </head> <body> <div id="ie6msg" style='display: none; border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'><div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div><div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'><div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div><div style='width: 275px; float: left; font-family: Arial, sans-serif;'><div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div><div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>For a better experience using this site, please upgrade to a modern web browser.</div></div><div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div><div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div><div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div><div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div></div></div> <div id="content">Your content</div> </body> </html> </code></pre> <p>It appears that you've never used jQuery. I then strongly recommend to get yourself through the basic jQuery tutorials which are available at its homepage: <a href="http://docs.jquery.com/Tutorials" rel="nofollow noreferrer">http://docs.jquery.com/Tutorials</a> Good luck.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload