HTML - Enbedding Video Need Help Asap!!

I need a table that has 1 row and 3 columns.

The entire table must be 100% width of the screen, yet the center column needs to be 550 pix wide and centered between the 2 outer columns

It has to be this table, and it can't be a table within a table.

Is there anyway of doing this?
and is this understandable?

If so can you send me the code for this
Thanks in advanced.
Alex

Hey all,

Is it possible to shut down video screen automatically after displaying the video?

I mean, after video is over, is it possible to hide the video screen?

( I tried to use embed tag...
<embed src="myVideo" autostart="true" /> ??)

Thanks,
Doron

Hello I'm having terrible trouble aligning my text into a layout using tables i will include a screen shot to show what im talking about. i thought i could fix it by putting valign=top in the td tag but nothing seems to be working if someone could help me out i would greatly appreciate it.

THanks

heres the screen

I am currently re-coding my school's website because it was coded in HTML 4.01 and the code was extremely messy anyways. I'm recoding it in XHTML Strict. Everything was going fine, I got the homepage perfectly replicated with much nicer code, then somehow after I had finished the homepage, I refreshed it and there was a random space between the header and the nav bar. You can see it he

General Amherst School Website

Can someone please take a look at the code and tell me why it's happening!? It was totally fine, but then I changed some random insignificant thing unrelated to the nav bar or the header and that happened. I'll paste the stylesheet below so you on't have to download it:

Code:

body {
	background-image: url('images/bg.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 8px auto 0 auto;
	width: 828px;
}

#header {
	width: 700px;
	height: 250px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url('images/designimages/headermid.png');
	text-align: center;
}

#nav {
	height: 50px;
	width: 700px;
	padding: 0 0 0 64px;
	text-align: center;
	background-image: url('images/designimages/navbg.png');
	background-repeat: repeat-x;
	line-height: 50px;
	font-size: 19px;
	float: left;
	color: #ffffff;
}

#main {
	width: 764px;
	margin: 0;
	padding: 0 64px 0 0;
	background-image: url('images/designimages/bodyend.png');
	background-position: right center;
	background-repeat: repeat-y;
	clear: both;
}
	

#nav a:link {
	color: #ffcc00;
	font-weight: normal;
}

#nav a:visited {
	color: #ffcc00;
	font-weight: normal;
}

#nav a:hover {
	color: #ffcc00;
	text-decoration: none;
	font-weight: normal;
}

#nav a:active {
	color: #ffcc00;
	font-weight: normal;
}

a:link {
	color: #ff0000;
}

a:visited {
	color: #ff0000;
}

a:hover {
	color: #ff0000;
	text-decoration: none;
}

a:active {
	color: #ff0000;
}
	

img {border:0;padding:0;margin:0;}

h1 {
	margin: 0;
	padding: 0;
	font-family: Gill Sans, Trebuchet MS, sans-serif;
	font-size: 24px;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: Gill Sans, Trebuchet MS, sans-serif;
	font-size: 16px;
	text-decoration: underline;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: Gill Sans, Trebuchet MS, sans-serif;
	font-size: 13px;
	text-decoration: underline;
}


p {
	margin: 0;
	padding: 0;
	font-family: Gill Sans, Trebuchet MS, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

OK so I am grabbing this code off of a local news site (WRAL) and when I embed into a myspace page, only portions of the script are showing up, not the video. So there is something wrong with the code itself i'm sure, I just don't know what. Here is the code. Do you guys see any errors he

Quote:
<script src="http://www.wral.com/entertainment/video/2820107/?version=embedded" type="text/javascript"></script><script type="text/javascript"> width=330; height=280; wral_insert_video_player_2820107(width,height); </script>

Hey there,
I'm feeling my through the dark trying to put an animated sliding panel on my site.
It works, but its initial state is open, which defeats its purpose.
Will someone please look at this short code and let me know what to do?
Thanks!

Here's the HTML, followed by the CSS, followed by the javascript:

<html>
<head>
<link type="text/css" rel="stylesheet"
href="Animated-Collapsible-Panel-5.css" />
<script language="javascript" type="text/javascript"
src="Animated-Collapsible-Panel-5.js"></script>
</head>
<body>
<!-- Animated collapsible panel, with separate CSS and JavaScript -->
<div style="width:470px;">
<div class="squarebox"><div
class="squareboxgradientcaption"
style="height:20px; cursor: pointer;"
onclick="togglePannelAnimatedStatus(this.nextSibling,50,50)"><div
style="float: left">I bequeath myself to the dirt to grow from the grass I love...</div><div
style="float: left; vertical-align:left"><img
src="../images/collapse.gif"
width="25" height="5" border="0"
alt="Show/Hide" title="Show/Hide"/></div>
</div><div class="squareboxcontent">
<img width="150" height="150"
src="http://www.lesliehawes.com/wordpress/wp-content/uploads/2008/09/chief-joseph-pendleton-blanket-pattern.jpg"
alt="This is an image" title="This is an image" /><br />Content goes here...</div>
<img width="170" height="0" alt="" src="../images/shadow.gif"/>
</div>
</body>


</html>

.squarebox {
width: 215%;
text-align: center;
overflow: hidden; }
.squareboxgradientcaption {
color: #ffffff;
padding: 5px;
background-image: url( );
background-repeat: repeat-x; }
.squareboxcontent {
background-color: #f5f5f5;
padding: 10px;
overflow: hidden;
border-top: solid px #336699; }

// not animated expand/collapse
function togglePannelStatus(content)
{
var expand = (content.style.display=="none");
content.style.display = (expand ? "block":"none");
toggleChevronIcon(content);
}

// current animated collapsible panel content
var currentContent= null;

function togglePannelAnimatedStatus(content, interval, step)
{
// wait for another animated expand/collapse action to end
if (currentContent==null)
{
currentContent = content;
var expand = (content.style.display=="none");
if(expand)
content.style.display = "block";
var max_height = content.offsetHeight;

var step_height = step + (expand ? 0 : -max_height);
toggleChevronIcon(content);

// schedule first animated collapse/expand event
content.style.height = Math.abs(step_height) + "px";
setTimeout("togglePannelAnimatingStatus("
+ interval + "," + step
+ "," + max_height + "," + step_height + ")", interval);
}
}

function togglePannelAnimatingStatus(interval,
step, max_height, step_height)
{
var step_height_abs = Math.abs(step_height);

// schedule next animated collapse/expand event
if (step_height_abs>=step && step_height_abs<=(max_height-step))
{
step_height += step;
currentContent.style.height = Math.abs(step_height) + "px";
setTimeout("togglePannelAnimatingStatus("
+ 2 + "," + 2
+ "," + max_height + "," + step_height + ")", interval);
}
// animated expand/collapse done
else
{
if (step_height_abs<step)
currentContent.style.display="none";
currentContent.style.height = "";
currentContent = null;

}
}

// change chevron icon into either collapse or expand
function toggleChevronIcon (content)

{
var chevron=content.parentNode
.firstChild.childNodes[1].childNodes[0];
var expand=(chevron.src.indexOf("collapse.gif")>0);
chevron.src=chevron.src
.split(expand ? "expand.gif" : "collapse.gif")
.join(expand ? "collapse.gif" : "expand.gif")
}

Hi all!

I've recently been doing some work revamping the website for my dad's construction company, seen here. He originally created it in Dreamweaver years back and I've been using SeaMonkey to update it. I have pretty limited HTML knowledge and this is the first time I've actually done any real form of web editing. I've done the bulk of it but I really need some advice on a couple of small problems I can't seem to figure out:

1) As you can see, on the left hand side there's a list of links that change colour on mouse-over. They seem to be working fine on all pages apart from 'testimonials'. When I click that link and arrive at the page headed 'testimonials and references', the mouse-over effect doesn't seem to be working on any of the images. I've looked at the source and tried to figure it out, but as I said, I have pretty limited knowledge and couldn't spot anything obviously wrong.

2) If you go the page entitled 'services' you'll see a large image at the top. If I do anything to the image; delete it, resize it, move it slightly in any way - the whole framework of the page goes completely out of whack. It looks fine on the Composer but testing it on Chrome shows the whole side panel of links about a mile lower than where I want them and completely out of alignment with all of the other pages. I just want to resize the image slightly so it's not to in-your-face, but not at the risk of messing up the whole page layout. I can't work this one out at all, so any help would be greatly appreciated.

You might also notice the 'about us' page is the only one where the links are slightly out of alignment with the others - if anyone can work out how to change that, that would be ace.

Thanks a lot guys.
D.

Hello, first post. HELLO!

my video widget playlist on my index is a different size on my index.php but the correct size throughout the rest of my site. Its quite annoying, can anyone shed any light on this issue?

thanks.

http://www.brewrecords.net

HTML Code:

<?php get_header(); ?>

<div id="content">

    <div id="homepagetop">

        <div class="textbanner">
            <?php $recent = new WP_Query("cat=" .ot_option('hp_top_cat'). "&showposts=1"); while($recent->have_posts()) : $recent->the_post();?>
            <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3>
            <?php endwhile; ?>
        </div>

        <div id="homeslider">
            <?php include(TEMPLATEPATH."/includes/slider.php");?>
        </div>

        <div class="homewidgets">

            <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage Top Right') ) : ?>
                <div class="widget">
                    <h4>Widget Area</h4>
                    <p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p>
                    <p><small>*This message will be overwritten after widgets have been added</small></p>
                </div>
            <?php endif; ?>

        </div>

    </div>

    <div id="homepage">

        <?php include(TEMPLATEPATH."/sidebar_left.php");?>

        <div class="homepagemid">

            <h3><?php echo cat_id_to_name(ot_option('hp_mid_cat')); ?></h3>

            <?php $recent = new WP_Query("cat=" .ot_option('hp_mid_cat'). "&showposts=" .ot_option('hp_mid_num') ); while($recent->have_posts()) : $recent->the_post();?>

                <div class="homepagecontent">

                    <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a>
                    <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4>
                    <?php the_excerpt(); ?>

                </div>

            <?php endwhile; ?>

        </div>

        <?php include(TEMPLATEPATH."/sidebar_right.php");?>

    </div>

</div>

<!-- The main column ends  -->

<?php get_footer(); ?>

hello, ive got a video in a mpeg file is there anyway i can transform this into a flash file so its will automatically play at the top of my page in a loop, any ideas would be very helpfull thanks frag

When writing in HTML, how whould I add a video to my web page?

Hey guys, I was wondering, that almost 90% of Video on the web is in flash. How will that video be converted into HTML 5. Also, are there any good HTML Video editing tools.

ok so i posted a music video code on a forum but i want it to aut play when a user views the thread can this be done?

the video code is:

<center><embed src="http://www.youtube.com/v/JHg2q5M6WnY" type="application/x-shockwave-flash" wmode="transparent" width="600" height="400"></embed></center>

Please help! I hired someone to update our website and they royally screwed me. We didn't like what they did with video and despite promising to archive/save the old code when they updated - it is all gone. GoDaddy wants $1500 to revert the website back. I got almost all of it figured out but I have no experience and I am stuck on one final piece. We have a video player on the website and a list of videos to click and play. That is working. We want a static image showing in the video player that will play when clicked. I have the image. I have the video. But nothing I have tried works. Can anyone please help?
HTML Code:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="bannerControl.ascx.cs"
    Inherits="bannerControl" %>

<script>
</script>
    <div class="banner">
        <object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="548" height="192">
          <param name="movie" value="flash banner15.swf" />
          <param name="quality" value="high" />
          <param name="swfversion" value="8.0.35.0" />
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don�t want users to see the prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf" />
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="flash banner15.swf" width="548" height="192">
            <!--<![endif]-->
            <param name="quality" value="high" />
            <param name="swfversion" value="8.0.35.0" />
            <param name="expressinstall" value="Scripts/expressInstall.swf" />
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
            </div>
            <!--[if !IE]>-->
          </object>
          <!--<![endif]-->
        </object>
      </div> 

<div class="videoSection">
        <div class="videoPlayer" id="videoPlayer">
      		<iframe src=               default.htm" width="316" height="177" autoStart="false" high allowtransparency="true" frameborder="0" scrolling="no"></iframe> </div> 
             <div class="videoList">
          <div class="topBtn"><img src="images/btn_top.jpg"  id="next" /></div>
          <div class="videos" id="video">
            <div class="scrollArea">
               <ul>
               <%-- <li><a href="video/video1.html">When Selling...</a></li>--%>
               <li ><a href="video/video2.html">VERCOR<br>Services<br></a> </li>
            <%--  <li> <a href="video/video4.html">Why<br> VERCOR?</a></li>  --%>             
                <li><a href="video/video3.html">Why Hire a<br>M&A Firm</a> </li>
   <li><a href="video/video7.html" >Types of<br>Firms</a> </li>
              </ul>
            </div>
             <div class="scrollArea" >
              <ul>
                 <li><a href="video/video4.html">Common<br>Pitfalls</a> </li>
                 <li><a href="video/video5.html" >The VERCOR<br>Process</a> </li>
                 <li><a href="video/video7.html" >Types of<br>Firms</a> </li>
              </ul>
            </div>
            <div class="scrollArea">
              <ul>                
                <li ><a href="video/video8.html" >When a Done<br>Deal Is Not<br> Really Done</a> </li>                 
                 <li><a href="video/video5.html" >The VERCOR<br> Process</a> </li>  
                  <li><a href="video/video7.html" >Types of<br>Firms</a> </li>          
                </ul>  
 </div>
      </div>
                  
                   <div class="bottomBtn"> <img src="images/btn_bottom.jpg" id="prev" /> </div>
        </div>
      </div>

Okay, this one is a tough one for me. On my website, Celtics Insider, where the picture of the banners are (right above the "About Us" and "Our History" sections), I want to change that image into a video. I want to have a video like ESPN, where it doesn't say "YouTube" or show any of that crap, just a little transparent "play" button (the image, not the text). I'm just wondering a few things. First off, how do I resize the video so it is 442 x 200? Also, how do I make it so the YouTube thing doesn't show up? And how do I make a little transparent play button to click on before the video starts? I want to be able to have text below as well with a link to the story, like ESPN does. If you don't know what I mean, look at ESPN: http://espn.go.com/

I was searching on internet and I found a html code which is used when we want change image clicking on image.But I want to have that when image is clicked , image changes to video.For example , I want to have when my image of some car is clicked it changes to video , so I can watch video after seeing an image.If someone knows how to do that please post the html code.