Forum Moderators: not2easy

Message Too Old, No Replies

Lining up Flash and images in DIVs.or not

         

madmartigan

7:59 pm on Jun 26, 2008 (gmt 0)

10+ Year Member



Afternoon folks.

I'm trying to horizontally line up a Flash piece and two images with no spaces between them.

Below is the code. I have also set up a test URL but I honestly can't remember if posting URLs is frowned upon in this forum or not.

Thanks in advance!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Experiment: Flash Alignment</title>
<script type="text/javascript" src="swfobject.js"></script>
</head>

<style type="text/css">

body{
padding:0px;
}

div#container {
float:left;
width:971px;
padding:0px;
}

div#flash {
float:left;
width:739px;
}

div#myAlternativeContent{
float:left;
width:0px;
}

div#imgA {
float:left;
width:204px;
}

div#imgB{
float:left;
width:28px;
}

</style>

<body>

<div id="container">

<div id="flash">

<script type="text/javascript">
var flashvars = {};
var params = { wmode: "transparent" };
var attributes = {};
attributes.id = "flashHome";
swfobject.embedSWF("testFlash01.swf", "myAlternativeContent", "739", "200", "9.0.0", false, flashvars, params, attributes);
</script>

</div>

<div id="myAlternativeContent"><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" /></a></div>

<div id="imgA"><img src="testImgA.gif" /></div>

<div id="imgB"><img src="testImgB.gif" /></div>

</div>

</body>
</html>

madmartigan

7:59 pm on Jun 26, 2008 (gmt 0)

10+ Year Member



Oh I should also point out that what I observe with this code "as-is" is the images wrap and render below the Flash piece.

madmartigan

8:08 pm on Jun 26, 2008 (gmt 0)

10+ Year Member



And so it goes. After a good week or two of toying with this on and off, I just solved it 10 minutes after my first post looking for help. The DIV "myAlternativeContent" has to be inside the DIV "flash".

Sigh.