Tables - ASP Free

ASP Free Forums Sponsor:

March 2nd, 2005, 08:55 AM

speedy33417

Contributing User

Join Date: Feb 2005

Posts: 70

Time spent in forums: 21 h 10 m 44 sec
Reputation Power: 4

Tables

Working on a table. (I guess you figured as much from the title) Anyway, I use plain html and I read it somewhere here, that I shouldn't use anymore as it won't be supported any longer.
Also, I noticed that if someone changes the text size settings in their browser than the regular sized letters become larger, however if I use JavaScript pt sized letters they won't. Correct me if I'm wrong.

Which makes me jump into learning yet another programming language. Could someone please help me make a transition from html to JavaScript? Will I have to write my code in all JavaScript or will it be a mix of both html and JavaScript?

Here's a portion of the code. How do I get rid of the tags and make the letters 12pt instead of size 2?

Thanks for your help.

Code:

<div align="center">
	 <table border="0" width="470" cellspacing="0" cellpadding="0">
	 <tr>
	 <td width="90">
	 <font face="Verdana" size="2" color="#333399">Address (1)</font>
	 </td>
	 <td width="5"></td>
	 <td>
	 <input name="WhateverIWant" size=35 maxlength=35>
	 </td>
	 </tr>
</div>

March 2nd, 2005, 09:10 AM

Mike_W

Contributing User

Join Date: Feb 2004

Location: Liverpool, UK

Posts: 110

Time spent in forums: 2 Days 7 h 54 m 51 sec
Reputation Power: 5

Learning JavaScript really isn't that hard. You use JavaScript integrated into HTML. If I wanted to do what you want to do I'd use a style sheet.

Put the following inside your <head></head>:

Code:

<style type="text/css">
.nameoffont { FONT-SIZE: 12pt; COLOR: #333399; FONT-FAMILY: verdana }
.nameoffont2 { FONT-SIZE: 16pt; COLOR: #333399; FONT-FAMILY: verdana }
</style>

Then put the following in:

Code:

<div align="center">
	 <table border="0" width="470" cellspacing="0" cellpadding="0">
	 <tr>
		 <td width="90" class="nameoffont">Address (1)</td>
		 <td width="5"></td>
		 <td><input name="WhateverIWant" size=35 maxlength=35></td>
	 </tr>
</div>

You set up however many font styles as you want then just refer to them with the class="". You can have any name for the font style as you want, but it's good practice to call it something obvious, such as tablefontlarge, for a style to be used in a table that will be large.

This does result in a problem when the user tries to increase or decrease the size of the text, though. Someone else may have a better solution for you.

March 2nd, 2005, 10:43 AM

Phoenix

Web-Standards Evangelist

ASP Free Intermediate (1500 - 1999 posts)

Join Date: Nov 2003

Posts: 1,522

Time spent in forums: 4 Days 23 h 48 m 4 sec
Reputation Power: 8

Quote: