Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Thanked 0 Times in 0 Posts

    HTML Code Help Please

    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>
    <SCRIPT LANGUAGE=JavaScript>
    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

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Some say it's everything.
    Thanked 397 Times in 390 Posts
    Hello and welcome to the forums!

    Two things:
    1. Please edit your post to wrap your code in "[CODE][/CODE]" 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.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. –G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts