View Full Version : HTML Code Help Please

Paul Phillips
05-05-2009, 12:49 PM
Hi everyone,

Im in the process of designing a website (I bought a template and I'm just changing things around) I have VERY basic HTML knowledge and cant seem to find a solution to a probably very simple thing. I want to replace a box which has an image in it with an embedded video which I have the code for. If anyone can help I'd really appreciate it.

This is the section of the template with the image in a box in bold.

<table width="775" border="0" align="center" cellpadding="0" cellspacing="0">
<td align="left" valign="top">

<div style="width:451px; height:230px; background:url(images/b_header.jpg) 0 0 no-repeat; float:left; margin-right:10px; position:relative">

<img src="images/slogan1.jpg" alt="" width="201" height="38" style="position:absolute; top:37px; left:231px" />

<img src="images/slogan2.jpg" alt="" width="110" height="67" style="position:absolute; top:92px; left:274px" />

<a href="portfolio.html"><img src="images/btn_viewshowreel.jpg" alt="view showreel" width="93" height="22" border="0" style="position:absolute; top:167px; left:274px" /></a> </div>

<div style="width:314px; height:230px; background:url(images/b_cutting.jpg) 0 0 no-repeat; float:left; position:relative"></div> </td>

<table width="681" border="0" align="center" cellpadding="0" cellspacing="0">
<td align="left" valign="top" style="background:url(images/b_content.gif) 0 0 no-repeat; padding-top:15px;">

<div id="container">

<div id="indent1"><img src="images/h_welcome.gif" alt="" width="372" height="45" style="margin:0 0 11px 2px" />

<img src="images/img_welcome.jpg" alt="" width="77" height="87" align="left" style="margin-right:39px" />

I want to add the following video embed code below so it replaces the box

<!--player code begin-->
<div id="v_player54eae419cc5c" style="width:314px;height:230px;"><strong>You need to upgrade your Flash Player!</strong><br><a href="http://www.macromedia.com/go/getflashplayer" target="_new" rel="nofollow"><img src="http://www.webvideocore.net/img/flash_link.gif" border="0" width="88" height="31" /></a>
<p>This web site makes use of the <a href="http://www.macromedia.com/go/getflashplayer" target="_new" rel="nofollow">Macromedia Flash player</a> version 8 or newer.</p> </div>
svp_clip_id = "54eae419cc5c";
svp_player_color1 = "#a6a6a6";
svp_player_color = "#a6a6a6";
svp_player_height = "230";
svp_player_width = "314";
svp_transparent = "false";
<noscript>Your browser does not support JavaScript! JavaScript is needed to display this video player!</noscript>
<SCRIPT LANGUAGE=JavaScript TYPE="text/javascript" SRC="http://www.webvideocore.net/js/JavaScriptFlashGateway.js"></SCRIPT>
<SCRIPT LANGUAGE=JavaScript TYPE="text/javascript" SRC="http://www.webvideocore.net/js/swfobject.js"></SCRIPT>
<SCRIPT LANGUAGE=JavaScript TYPE="text/javascript" SRC="http://www.webvideocore.net/js/embedplayer.js" ></SCRIPT>
<!--player code END-->

Thanks in advance for your help guys

05-05-2009, 02:08 PM
Hello and welcome to the forums!

Two things:
1. Please edit your post to wrap your code in "
" tags (it's the # symbol above the text box when you are editing a post in "advanced" mode or you can simply type the opening and closing tags yourself -- either way will work). This makes it loads easier for us to parse code and keeps your posts clean.

2. What kind of video are you trying to play (.mpeg, .flv, .mov, etc.) and what player are you embedding to run the video?

Really, the div you have marked above doesn't contain an image, it merely uses one as a background via "inline CSS." This is the bit written as style="...stuff here...". If you want the image to be removed, just wipe out this part: background:url(images/b_cutting.jpg) 0 0 no-repeat; and the image will be gone. From there, all you probably need to do is have the player embed inside of this div. Depending on how you plan to do it, this can be either with an <object> tag, an <embed> tag, or by giving the div an ID and creating the player inside with javascript. Without seeing what you plan to do for the player I can't really comment further.