Jump to content


Photo

Pure Css Layout With A Flash Header


  • Please log in to reply
2 replies to this topic

#1 tomfmason

tomfmason
  • Staff Alumni
  • Advanced Member
  • 1,696 posts
  • Locationstealing your wifi

Posted 29 June 2006 - 02:50 PM

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:
<!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>

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.


Traveling East in search of instruction, and West to propagate the knowledge I have had gained.

current projects: pokersource

My Blog | My Pastebin | PHP Validation class | Backtrack linux


#2 wildteen88

wildteen88
  • Staff Alumni
  • Advanced Member
  • 10,482 posts
  • LocationUK, Bournemouth

Posted 29 June 2006 - 03:22 PM

Just get rid of the td tags altogether. If you want to move the flash animation use CSS to move it.

#3 tomfmason

tomfmason
  • Staff Alumni
  • Advanced Member
  • 1,696 posts
  • Locationstealing your wifi

Posted 29 June 2006 - 09:19 PM

I got it fixed.

The fix

<!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>

Traveling East in search of instruction, and West to propagate the knowledge I have had gained.

current projects: pokersource

My Blog | My Pastebin | PHP Validation class | Backtrack linux





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users