setting font size in a iframe object (which reads a text file)

Tom Van Overbeke · Jul 11, 2003

Hi,

I created a web page that displays a logfile monitor i wrote for monitoring
our servers. it refreshes every minute and displays a text file in an
iframe. I'd like to reduce the font size so that more info fits in the text
box, but i'm not too savvy in html, and the <font> tag doesn't seem to work
here. does anyone know how to change the size (and if possible also the
font) of the file (reverse-swatch.txt) that is loaded in the iframe ?

this is my code:

<html>
<head>
<title>Logfile Analyzer</title>
<META HTTP-EQUIV="REFRESH" CONTENT="60">
</head>
<body>
<iframe src="reverse-swatch.txt" width="100%" height=180>
</body>
</html>

TIA,

Tom.

Jim Dabell · Jul 11, 2003

Tom said:
I created a web page that displays a logfile monitor i wrote for
monitoring our servers. it refreshes every minute and displays a text file
in an iframe. I'd like to reduce the font size so that more info fits in
the text box,

As far as I am aware, this is impossible. CSS and HTML styling doesn't get
passed down to an <iframe> element's contents, and you can't style a
plain-text file.

One option that may be suitable is encoding your text file as an HTML file,
and styling the text within that.

Robrecht Jacques · Jul 11, 2003

Tom said:
I created a web page that displays a logfile monitor i wrote for
monitoring our servers. it refreshes every minute and displays a text
file in an iframe. I'd like to reduce the font size so that more info
fits in the text box, but i'm not too savvy in html, and the <font>
tag doesn't seem to work here. does anyone know how to change the
size (and if possible also the font) of the file (reverse-swatch.txt)
that is loaded in the iframe ?

AFAIK with CSS you can't access the elements inside your iframe to style
them. It may be possible with JavaScript (via
document.frames('myframe').document.all), but I dunno.

Maybe the easiest thing to do is to convert the .txt in a .html document:
<html>
<head>
<title>My logfile</title>
<style type="text/css">* { font-size: 8pt; }</style>
</head>
<body>
<pre>  </pre>
</body>
</html>

Robrecht

Is it possible an iframe can overlapp another?	3	Apr 20, 2022
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023
I Need Help with making a function that draws in a canvas using location data.	1	Dec 17, 2021
Centering a button using flexbox	2	Feb 5, 2023
How can I arrange a series of radio buttons?	2	Jan 25, 2024
In javascript, XML File Create, File Save	2	Jul 17, 2023
I need help making a zooming function	11	Dec 14, 2021
How to save JSON Data to a file using fetch() api?	2	Apr 28, 2022

setting font size in a iframe object (which reads a text file)

Tom Van Overbeke

Jim Dabell

Robrecht Jacques

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads