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

#1 July 20th, 2005, 04:11 PM

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.

#2 July 20th, 2005, 04:11 PM

Tom Van Overbeke wrote:
[color=blue]
> 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,[/color]

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.

--
Jim Dabell

#3 July 20th, 2005, 04:11 PM

Tom Van Overbeke wrote:[color=blue]
> 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 ?[/color]

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

What is Bytes?

Popular Articles