HTML - Expanding My Div When Players Online Is More Than The Height Of The Div?

I have a "web site on a CD" application and wish to have users be able to play audio and video clips. I currently have MP3 audio and AVI compressed video but can convert to other formats. The CD is created via MacImage so that both PC and Mac formats are correctly encoded.

I have an HTML audio player and separate HTML video player (see below), both of which pass the W3C Validator as "4.01 Transitional" and play without problem on Windows/XP with IE6/7/8 and on Mac with Safari/QuickTime. The players do not work when used with Firefox or SeaMonkey on XP and do not work correctly with Firefox on Linux.

I am seeking HTML code that will cater for all users on all platforms (PC, Mac and Linux) with as many browsers as possible (at least 1 on each platform).

My audio player code is:

<object type="audio/mpeg" width="360" height="50">
<param name="src" value="AudioTest.mp3">
<param name="Autostart" value="true">
<param name="Controller" value="true">
<param name="ShowStatusBar" value="true">
</object>

My video player code is:

<object type="video/avi" width="480" height="360">
<param name="url" value="VideoTest.avi">
<param name="src" value="VideoTest.avi">
<param name="autostart" value="true">
<param name="controller" value="true">
<param name="ShowControls" value="true">
<param name="ShowStatusBar" value="true">
<param name="ShowDisplay" value="false">
<param name="AutoRewind" value="false">
</object>

Does anyone have any suggestions?

Hi Everyone,

I'm slightly confused by this one. But i'm sure theres a hack out there to fix it.

Basically, in firefox and konqueror, running on kubuntu, the top navigation bar at http://www.tendervendors.com/dev/payroll.html displays correctly, and when you hover over it, it fills the li with a semi-opaque background.

This is correct.

Its done, by filling the a element, with a background-color and then applying opaque: 0.5;

The a element also has padding, which makes it fill out to the size of the li element, so the a element fills its portion of the ul, and looks like the li has the affect applied to it.

However, in opera, the right and left padding is correct, but the height padding doesn't work.

Does anyone know of a bug in opera that would be causing this problem, and possibly a code fix for it?

TIA

Matthew Millar

Hi all,

I have a simple table:

Code:

<table cellspacing="0" cellpadding="0">
  <tr> 
    <td colspan="3" rowspan="3">MAIN CONTENT</td>
    <td>fixed</td>
  </tr>
  <tr> 
    <td>expandable</td>
  </tr>
  <tr> 
    <td>fixed</td>
  </tr>
  <tr> 
    <td>fixed</td>
    <td>expandable</td>
    <td>fixed</td>
    <td>fixed</td>
  </tr>
</table>

The 2 expandable tds need to expand / contract depending on the height and width of the main content cell (as they will have repeating backgrounds)

When I try this it is always the other columns that expand or contract.

(BTW, this is all for a shadow border for different image sizes)

Anyone know how I can achieve this?

Thanks!

Is there a way so that when you click a link, it will push everything below it down and show what they requested to see.

I am planning on this for suggestions and help without users needing to re-load the page.

Thanks.

Sean

I am looking for a code that when you click a link, it expands an area below it with out reloading the page or switching pages. I have seen it before, just click a link and it pops open a invisible box of (whatever) information you want, click the link again and the box turns invisible again. Sorry if I am not explaining this correctly.