Jump to content

Pure Css Layout With A Flash Header


tomfmason

Recommended Posts

I am wondering which is the best way to display a flash header with a pure css layout. This is the way that I have it now and it works fine but when I try to validate the code it will not validate.  I know that the td must be child of tr which must be a child of table. This means that it is not the right way. Any suggestions would be great.



The html:
[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Pure CSS Test Page</title>
<link rel="stylesheet" href="javascript:alert('test');" type="text/css">
</head>
<body>
<div id="master">
<div id="masthead">
      <td>
    <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="770" height="200">
        <param name="movie" value="../../images/header.swf">
        <param name="quality" value="High">
      <embed src="../images/header.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="160" height="160"></object>
    </td>
  <div id="breadCrumb">
    <a href="#">breadcrumb</a> /
  </div>
</div> [/code]

What could I use instead of <td> . I know that I could create a table but I am trying to avoid tables where ever possible. Any suggestions would be great.

Link to comment
https://forums.phpfreaks.com/topic/13210-pure-css-layout-with-a-flash-header/
Share on other sites

I got it fixed.

The fix

[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Pure CSS Test Page</title>
<link rel="stylesheet" href="http://www.thomashostings.net/includes/test.js" type="text/javascript">
</head>
<body bgcolor="#707070">
<div id="master">
<div id="masthead">
  <object type="application/x-shockwave-flash" width="770" height="200" data="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
    <param name="movie" value="../../images/header.swf" />
    <a href="alternativepath">
        <img src="../../images/header.jpg" width="770" height="200" alt="NO FLASH PLAYER INSTALLED" />
    </a>
  </object>
  <div id="breadCrumb">
    <a href="#">breadcrumb</a> /
  </div>
</div> [/code]

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.