473,386 Members | 1,817 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

replacing font tag

14
I am trying to replace the "<font size="2">" but I am having a difficult time finding the right font-size setting. Any help would be greatly appreciated. I can't seem to get it right for both IE and mozilla.

Code: ( text )

1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2.
<html>
3.
<head>
4.
<style type="text/css">
5.
div.rolloverHelp {
6.
display: block;
7.
white-space:normal;
8.
width: 228px;
9.
border: 1px #238F85 solid;
10.
padding: 5px;
11.
text-decoration: none;
12.
FONT-FAMILY: 'Arial, Helvetica, sans-serif';
13.
FONT-SIZE: small;
14.
color: black; background: white; }
15.

16.
</style>
17.
</head>
18.
<body>
19.
<table bgcolor="#EAF4F3" cellpadding="4">
20.
<tr>
21.
<td width="130px">
22.
<div class="rolloverHelp"><font face="Arial, Helvetica, sans-serif" size="2">
23.
<span class="colorBlue">Test Run Name:</span>
24.
The name of the test run that is being modified.
25.
</font></div>
26.
</td>
27.
<td width="130px">
28.
<div class="rolloverHelp">
29.
<span class="colorBlue">Test Run Name:</span>
30.
The name of the test run that is being modified.
31.
</div>
32.
</td>
33.
</tr>
34.
</table>
35.
</body>
36.
</html>
Dec 30 '07 #1
4 1654
drhowarddrfine
7,435 Expert 4TB
Just remove the <font></font> stuff. It is overriding the CSS.

(Sorry, I accidentally deleted the content of your post)
Dec 30 '07 #2
since
14
Just remove the <font></font> stuff. It is overriding the CSS.

(Sorry, I accidentally deleted the content of your post)
I am trying to match the "<font size='2'>" with css. Basically get Example 2 to look like Example 1 with just using css. I need to find the right font-size setting for the css.
Removing the doctype and setting font-size:x-small works for IE but not mozilla. I need to keep the doctype anyway, and that works for just IE>

[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
div.rolloverHelp {
display: block;
white-space:normal;
width: 228px;
border: 1px #238F85 solid;
padding: 5px;
text-decoration: none;
FONT-FAMILY: 'Arial, Helvetica, sans-serif';
FONT-SIZE: x-small;
color: black; background: white; }

</style>
</head>
<body>
<table bgcolor="#EAF4F3" cellpadding="4">
<tr>
<td width="130px">
Example 1:
<div class="rolloverHelp"><font face="Arial, Helvetica, sans-serif" size="2">
<span class="colorBlue">Test Run Name:</span>
The name of the test run that is being modified.
</font></div>
</td>
<td width="130px">
Example 2:
<div class="rolloverHelp">
<span class="colorBlue">Test Run Name:</span>
The name of the test run that is being modified.
</div>
</td>
</tr>
</table>
</body>
</html>
[/html]
Dec 30 '07 #3
drhowarddrfine
7,435 Expert 4TB
Not having a doctype puts IE into quirks mode and it won't work like any other browser.

Remove the quotes in your css around the font family names. Also, everything should be in lower case. Change the font size to small.
Dec 31 '07 #4
since
14
Not having a doctype puts IE into quirks mode and it won't work like any other browser.

Remove the quotes in your css around the font family names. Also, everything should be in lower case. Change the font size to small.
Dude that worked beautifully. Thx a billion.

Steve
Dec 31 '07 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

8
by: jamesfin | last post by:
Dear XMLers, Please guide me... I have a simple xml file... <URLTest>
9
by: Prakash Singh Bhakuni | last post by:
am replacing the default "Browse..." button for input type=file. This works fine except that the form will only submit after the SUBMIT button is clicked twice. Any ideas on why this is happening...
1
by: cma6 | last post by:
I have a page which uses tables for layout http://www.vintagetextile.com/1920s_to_1930s.htm The checkerboard pattern is achieved with this markup: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML...
1
by: =?ISO-8859-1?Q?S=F8ren?= | last post by:
Hi guys I got the following code: ------------------------------------------------------- Dim Word As New Microsoft.Office.Interop.Word.Application Dim Document As...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.