[thelist] setting a small size for a div or span (example)

Fri Jun 7 11:55:01 CDT 2002

The font-size setting took care of the problem, with no noeed for the max settings or anything
else inside the div. Thanks!

Tom
--- Bret Daniel <BDaniel at Chemnavigator.com> wrote:
> I think the line height adds 8px to the end of whatever is contained in the
> SPAN element
>
> try something like this..
>
> <SPAN style="font-size:4px; background-color:#FF0000; max-height:4px;
> max-widht:4px"> &nbsp;&nbsp;&nbsp;<br></SPAN>
>
> also www.devguru.com has a very good list of functions etc..
>
> -b
>
> -----Original Message-----
> From: Tom Dell'Aringa [mailto:pixelmech at yahoo.com]
> Sent: Friday, June 07, 2002 9:43 AM
> To: thelist at lists.evolt.org
> Subject: Re: [thelist] setting a small size for a div or span (example)
>
>
> Here is the page I am working on, not much to it. I wanted to make it like 8
> x 8:
>
> ====================================
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> <html>
> <head>
> <script>
> function clearIt()
> {
> for(x=0;x<=20;x++)
> 	{
> 		document.getElementById(x).style.backgroundColor = "green";
> 	}
> }
>
> function foo(img)
> {
> clearIt();
> 	setTimeout("x = 1" ,50);
> 	for(x=0;x<=img;x++)
> 	{
> 		document.getElementById(x).style.backgroundColor = "red";
> 		percent = ((x / 20) * 100)
> 		oo = percent.toString();
> 		zz = oo.substr(0, 3)
> 		document.getElementById("p").innerHTML = zz;
> 	}
>
> }
>
> for(i=0;i<=20;i++)
> {
> document.write("<span id='" + i+ "' onclick='foo(this.id)'
> style='line-height: 8px; margin: 0px;
> padding: 0px; border: 0px none; background-color: green; width: 8; height:
> 8; cursor: hand; clip:
> rect(8 8 8 8);'></span><img src='white.gif'>");
> }
>
> document.write("&nbsp;<span id='p' style='color: silver; font-family:
> verdana; font-size: 12px;
> font-style: italic'></span>")
> //--></script>
> </head>
> <body>
> </body>
> </html>
>
>
> __________________________________________________
> Do You Yahoo!?
> Yahoo! - Official partner of 2002 FIFA World Cup
> http://fifaworldcup.yahoo.com
> --
> For unsubscribe and other options, including
> the Tip Harvester and archive of thelist go to:
> http://lists.evolt.org Workers of the Web, evolt !
> --
> For unsubscribe and other options, including
> the Tip Harvester and archive of thelist go to:
> http://lists.evolt.org Workers of the Web, evolt !

__________________________________________________
Do You Yahoo!?
Yahoo! - Official partner of 2002 FIFA World Cup
http://fifaworldcup.yahoo.com