I have a web page with an embedded text file. The text file is named “Broadcast.txt” and it has .LOG at the top line to enter a timestamp each time it is opened. Other than that is has no other special features.I cannot find how to change the displayed font for the embedded object. I have looked in Dreamweaver to find any setting that would let us display a larger font, to no avail. Here is a snippet of the code I have: I have tried to change the font to 42pt and it still do effect. I tried changing the setting in CSS and it still will not affect change to the small displayed font. Any ideas?
<div class="container">
<div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background: #C6D580; display:block;" /></a>
<!-- end .header --></div>
<div class="content">
<h1> </h1>
<h2> </h2>
<p> <OBJECT DATA="Broadcast.txt" TYPE="text/html" WIDTH="600" HEIGHT="400" ALIGN="bottom" STYLE="width:96%;margin:2%;">
<EMBED SRC="U:\Web Pages\Web Templates\greeny_blu\Broadcast.txt" WIDTH="600" HEIGHT="400" ALIGN="bottom"></EMBED>
</OBJECT> </p>
<p> </p>
<!-- end .content --></div>
Ok, what about doing it this way? I am reading it in thru JS, it is in a frame now. I still cannot isolate the font. Here is what I have :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- TemplateBeginEditable name="doctitle" -->
<title>ISC Impact Summary</title>
<!-- TemplateEndEditable -->
<META HTTP-EQUIV="REFRESH" CONTENT="10"> <!--
This is the automatic refresh setting for this web page. It is in seconds.
-->
<html>
<style type="text/css">
body {
background-color: #06F;
}
.Style1 {
font-family: Calibri;
font-size: 24em;
font-style: normal;
font-weight: normal;
font-variant: normal;
background-color: #C0C0C0;
}
body,td,th {
color: #CF0;
}
</style>
<head>
<script type="text/javascript">
function init(){
var extText = window.frames[0].document.getElementsByTagName("HTML")[0].outerHTML;
document.getElementById("nMessage").innerText = extText; }
</script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<div>
<div align="center">
<h2>ISC Critical Alert Summary</h2>
</div>
</div>
<div>
</div>
<div align="center" style="font-size:42;"><!-- TemplateBeginEditable name="EditRegion1" -->
<iframe src="Broadcast.txt" width="96%" marginwidth="2%" height="400" marginheight="2%" align="middle" scrolling="Yes" class="Style1" id="messageTxt" style="font-size:42pt" >ISC Critical status</iframe>
<!-- TemplateEndEditable -->
</div> </body>
</html>
You can’t change any parameters from “main” html. Browsers isolates iframes and embedded docs from parent.
You can load text via javascript or use html rather than txt.
TECH DETAILS 🙂
t.txt – is file with text. You can set for it full url or place it near this page and set only it name.
This works but it load expensive library jQuery.