Well, I saw his today. But it only works in Mozilla (and anything with its current engine).
I want to make one that will work in more browsers, IE, Opera, and a few others would be better than just Mozilla.
This is what Im using in my attempt....
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tester.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#top{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 14px;
position: static;
left: 165px;
top: 86px;
}
#top:hover,#top:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0000;
height: auto;
}
-->
</style>
</head>
<body>
<div id="top"></div>
<table width="25%" height="14 px" border="1" cellspacing="0" cellpadding="0">
<tr>
<td><div id="top">Hello world<br>
2nd line<br>
3rd line<br>
4th line<br>
5th line</div></td>
</tr>
</table>
</body>
</html>
Can any of you see anything that would stop it working in more browsers.
I know why it doesnt work. Because most browsers will display all the text, prefering to show all the text than just one line.
I want to do this one in CSS, not JS or Java, or anything else to make it available on browsers without plugin support or whatever.
HTML file: http://my.opera.com/forums/attachment.php?postid=296855
You might need to save it to disk, then change the extension to view it as a HTML doc'.
Thanks for your time guys!