HAY GUYS

IdleChill · Local time: May 2, 2008, 05:52 PM

I've got this website for a buddy of mine and this is what it looks like currently.

Lantian Xie

Now, he wants me to add a jpg resume underneath that, but still retain the vertical alignment of the movie playing.

I just don't know the code for that. Someone with some coding skills help a poor bloke out?

Code:

<HTML>
<title>Lantian Xie</title>
<BODY BGCOLOR="#000000">
<TABLE WIDTH="100%" HEIGHT="100%">
<TR><TD>
<CENTER>
<OBJECT CLASSID="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"
CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,22,0" ID="FVS" Width="360" Height="255">
<PARAM NAME="movie" VALUE="Movie.swf?1088928183">
<PARAM NAME="bgcolor" VALUE="#000000">
<EMBED NAME="FVS" SRC="Movie.swf?1088928183" BGCOLOR="#000000"
WIDTH="360" HEIGHT="255" TYPE="application/x-shockwave-flash" pluginspage=http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
<BR>
<table id="links" width="360" height="80" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="2">
			<img src="headerfin_01.jpg" width="205" height="80" alt=""></td>
		<td>
			<a href="XieReel_07.mov"><img src="headerfin_02.jpg" width="155" height="38" border="0" alt="42mb.mov"></a></td>
	</tr>
	<tr>
		<td>
			<a href="mailto:lee@ull.edu"><img src="headerfin_03.jpg" width="155" height="42" border="0" alt="contact via email"></a></td>
	</tr>
</table>
</CENTER>
</TD></TR>
</TABLE>
</BODY>
</HTML>

Jam it back in, in the dark.

Zergrinch · 07:08 PM

Dunno, use frames maybe?

If you hate frames, CSS with relative positioning may work for you.

There's nowhere I can't reach.

Hydra · Local time: May 3, 2008, 11:44 PM

Set the resume as a background image for the page, that would be the easiest thing to do.

Code:

body { 
     background-image: url('resume_image.gif');
     background-repeat: no-repeat;
     background-attachment:fixed;    /* you need this to make it look right in Moz */
     background-position: 50% 50%; /* or whatever places it where you want */
}

Edit: perhaps I should specify that the above is a modification to the css.

This thing is sticky, and I don't like it. I don't appreciate it.