Script not displaying as a horizontal bar. [Archive] - HTML Forums

golarin214

06-23-2006, 10:15 PM

Hi all.
For some odd reason, this (http://mysite.verizon.net/golarin214/frost/rf.html) is not showing up as a narrow (height 30 width 100%)
bar across the top of the screen. Can anyone please help me with the Why not? part of the whole thing?
here is the source where i think the problem lies, but I dont know enough about calling scripts.
<title>The Robert Frost Web Page</title>
<style type="text/css">
body {background-image: url(tan.jpg); margin-top: 0px}
img {border-width: 0}
#links {position: absolute; top: 0; left: 0}
#links a {margin-right: 10px}
#links applet {width: 100%; height: 30}
#head {text-align: center; margin-top: 30px}
.firstp:first-letter {float: left; font-size: 300%; line-height: 0.7; margin: 0px 3px 3px 0px}
.firstp:first-line {font-variant: small-caps}
.poem {float: left; margin-right: 20px}
.poem h4 {font-family: sans-serif}
#footer {border-top: 1px solid black; width: 100%; text-align: right; font-size: 8pt;
font-family: sans-serif; clear: left}
</style>
</head>

<body>

<div id="links">
<applet code="PopMenu.class">
<param name="labelpos" value="right" />
<param name="src0" value="button0.gif" />
<param name="text0" value="The Robert Frost Web Page" />
<param name="href0" value="http://www.robertfrost.org/" />
<param name="src1" value="button1.gif" />
<param name="text1" value="Robert Frost on the Web" />
<param name="href1" value="http://www.amherstcommon.com/walking_tour/frost.html" />
<param name="src2" value="button2.gif" />
<param name="text2" value="A Frost Bouquet" />
<param name="href2" value="http://www.lib.virginia.edu/exhibits/frost/home.html" />
<param name="src3" value="button3.gif" />
<param name="text3" value="Robert Frost: America's Poet" />
<param name="href3" value="http://www.ketzle.com/frost/" />
</applet>
</div>

Any help would be greatly appreciated.
Thank's in advance!

coothead

06-24-2006, 11:22 AM

Hi there golarin214,

I have removed the #links rules from your stylesheet as they were the basic cause of the problem - (position:absolute :supereek:) -
and for validation purposes an applet needs to have it's dimensions specified. I notice that height="30" cuts the buttons off
short, so I have removed the text from the param value as you don't appear to need it. ;)
Here is the validated page...
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>The Robert Frost Web Page</title>


<style type="text/css">
body {background-image: url(tan.jpg); margin-top: 0;}
img {border-width: 0;}
#head {text-align: center; margin-top: 30px;}
.firstp:first-letter {float: left; font-size: 300%; line-height: 0.7; margin: 0 3px 3px 0;}
.firstp:first-line {font-variant: small-caps;}
.poem {float: left; margin-right: 20px;}
.poem h4 {font-family: sans-serif;}
#footer {border-top: 1px solid black; width: 100%; text-align: right; font-size: 8pt;
font-family: sans-serif; clear: left;}
</style>

</head>
<body>

<div id="links">
<applet code="PopMenu.class" width="100%" height="50">
<param name="src0" value="button0.gif" />
<param name="text0" value="" />
<param name="href0" value="http://www.robertfrost.org/" />
<param name="label0" value="right" />
<param name="src1" value="button1.gif" />
<param name="text1" value="" />
<param name="href1" value="http://www.amherstcommon.com/walking_tour/frost.html" />
<param name="label1" value="right" />
<param name="src2" value="button2.gif" />
<param name="text2" value="" />
<param name="href2" value="http://www.lib.virginia.edu/exhibits/frost/home.html" />
<param name="label2" value="right" />
<param name="src3" value="button3.gif" />
<param name="text3" value="" />
<param name="href3" value="http://www.ketzle.com/frost/" />
<param name="label3" value="right" />
</applet>

</div>

<p id="head"><img src="rflogo.gif" alt="The Robert Frost Web Page" /></p>

<p class="firstp">Robert Frost was born in San Francisco on March 26, 1874. When Frost was
a young man, his father died, causing the family to move to Massachusetts.
Frost attended Dartmouth College for less than a semester, after which he
moved back to Massachusetts to teach and work as a reporter for a local
newspaper. Frost returned to college in 1897 to attend Harvard, but he did
not graduate. Frost was essentially a self-educated man.</p>

<p>After Harvard, Frost married and sold the farm he had inherited. With
the proceeds of the sale, he moved his family to England, where he wrote for
ten years without success. His first works were published by a
London publisher in 1913.</p>

<p>Frost's works, once printed, met immediate acclaim. His collection of
poems <i>A Further Place</i> won the Pulitzer Prize in 1937. Though he is
sometimes cast as a pastoral poet, Frost was also a fierce intellectual with
a decidedly dark view of himself and the world. Frost would use rural
settings as a metaphor for his philosophical views. Robert Frost is one of
the best-known and most loved of American poets. He died in Boston on
January 29, 1963.</p>

<p>Two of Frost's poems are included below. Click the sound icon located next
to each poem's title to download a sound clip of the poem. The sound files
are 383K and 181K in size.</p>

<div class="poem">

<h4>Fire and Ice
<a href="fireice.wav"><img src="sound.gif" alt="Sound Clip" /></a>
</h4>

<p>
Some say the world will end in fire,<br />
Some say in ice.<br />
From what I've tasted of desire<br />
I hold with those who favor fire.<br />
But if it had to perish twice,<br />
I think I know enough of hate<br />
To say that for destruction ice<br />
Is also great<br />
And would suffice.
</p>

</div>

<div class="poem">

<h4>Devotion
<a href="devotion.wav"><img src="sound.gif" alt="Sound Clip" /></a>
</h4>

<p>
The heart can think of no devotion<br />
Greater than being shore to the ocean—<br />
Holding the curve of one position,<br />
Counting an endless repetition.
</p>
</div>

<p id="footer">
Button applet provided by: <a href="http://www.free-applets.com">http://www.free-applets.com</a>
</p>

</body>
</html>