Make text the same size regardless of the screen resolution....

UJ · Aug 19, 2005

I have a client who wants me to make a web page with a marquee on it. No
problem.

They want the text to be easily changeable. No problem.

They want it so that the text will appear about the same size regardless of
the screen resolution. Now that's my problem.

In a sense, they want it so that if the screen is 800x600 and the text would
be 1" tall, and then they make the screen 1600*1200, they still want the
text to be 1" tall.

Any suggestions?

TIA - J.

UJ · Aug 19, 2005

Further information on this: I need to be able to do this through straight
HTML not through ASP.Net (I create an HTML page that then get's downloaded
to a remote machine that displays the HTML file.)

I've already figured out what I want to do for this section is put in a
<font size= ></font> and make the size dependent on screen size.

I just don't know javascript well enough to be able to figure out how to
call a javascript routine to have it return the appropriate size value.

TIA - J.

Guest · Aug 21, 2005

Take a look at the font-size attribute on the MSDN. It has samples on how to
change the font-size in javascript:
http://msdn.microsoft.com/library/d...uthor/dhtml/reference/properties/fontsize.asp

HTH

Damien · Aug 22, 2005

UJ said:
Phillip,
Thanks for the help but this does stuff the change on an event. I need to
set the font initially depending on the size of the screen. It will never
need to change again. I've written some pseudo code here (remember I don't
know what I'm doing here so I'm just sort of guessing....):

<SCRIPT language="javascript">

function SetFontSize()
{
x = screen.width;
y = screen.height;
fontsize = 14;

if (x < 1024) {
fontsize=14;
}
else
{
fontsize=20;
}

var FontSizeDiv;
FontSizeDiv = getElementByID("FontSizeDiv");
FontSizeDiv.Style.Font.Size = fontsize;
}

</SCRIPT>

<body onload="SetFontSize()">
<div id="FontSize"><font size="12">This is the stuff that will need to
be resized.</font>
</body>

I think maybe you'll want to apply a style to the div - e.g. <div
style="font-size: 1in">This is the stuff that will need to be
resized</div>

No javascript, no asp. Pure HTML (and CSS)

Damien

Measuring a string of text	1	Sep 15, 2022
Regarding the screen resolution	1	Jun 19, 2007
How can I calculate the last payment for Reprofiled Amount column with 2 decimal places to make the sum of all payments to be the same as RC amount?	2	Jul 13, 2023
Hi, I am a webflow user. I am looking for CSS code that can KEEP ALL ELEMENTS POSITIONED in the SAME spot across all resolutions	0	Oct 27, 2023
Can't make table the size of the screen	12	Apr 29, 2010
How to keep the order of executing tasks? - Help needed.	1	Feb 21, 2023
Having difficulty with the layout of these images / video for this web page	2	Jul 5, 2022
How to remove the undefined thing?	1	Oct 19, 2022

Make text the same size regardless of the screen resolution....

UJ

UJ

Guest

Damien

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads