PDA

View Full Version : Div Issues..Help from fellow designers plz


terrence1.daphnis
09-20-2012, 10:40 PM
Hi all, I've been having a little issues with this site and the div tag's..I need any help out there from the pro's. I'm trying to overlap div tags but im not sure how to do this in Dreamweaver..I've
looked around now to find a solution but can't seem to not this out :confused: here's is my code and I've attached an image for better reference also


<div class="content"><center><img src="images/images/content_02_03.png" width="896" height="628" /></center></div>


<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="567" height="428">
<param name="movie" value="flash/indexflash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.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/indexflash.swf" width="567" height="428">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.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>


But basically I need this image on the bottom left hand side to be placed in the box in the middle which is already set up in div. Any ideas and thanks in advance.

johnMoss
09-21-2012, 01:11 AM
Hi T, welcome to the forum...
I'm a bit confused, you refer to that bottom picture as an image. Is that not a swf file? I ask as you have flash code up there.
Couple things:
1) If you have this uploaded to a server, give us the link. That makes things super simple to solve.
2) If you don't, go ahead & share the entire page HTML & it's corresponding css. We'll fix ya right up.
3) If you do post code, click on the "go advanced" button below your response box & note the icons on the right. Click on & use them to wrap your code here in the forum.

terrence1.daphnis
09-21-2012, 01:41 AM
Ok,my apologies I'm so new to all this:(:(:( but i'll paste the code i did but basically I have have a flash based transition that i want in my content area and I've been reading on floating and such put bow how to do it with objects i.e the flash here's the code and thank you again my code is pretty simple so hopefully its easy to understand. thanks again..

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tee'zCut'zVIP</title>
<style type="text/css">
body {
background-image: url(images/Background.jpg);
}
#wrapper {
margin: 0px;
}
#wrapper#logo {
margin: 0px;
background-color: #FF0;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>




<div id="wrapper">
<center><div id="logo"><img src="images/logo.png" width="709" height="129" /></div></center>
<center>

<div id="content">
<p>&nbsp;</p>
<p><img src="images/content.png" width="896" height="628" />

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="567" height="428">
<param name="movie" value="flash/indexflash.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.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/indexflash.swf" width="567" height="428">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="6.0.65.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>
</p>
</div></center>


<center><div id="footer">Footer</div></center>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

johnMoss
09-21-2012, 01:54 AM
Ok I get that you want the picture inside the box. But you have a piece of flash in there. The flash of course opens up & plays when the page is rendered, so I don't understand what you mean by putting a picture in there.
Do you want the flash, or do you want the picture, you can't do both, unless you want someone to click on the picture, and then render the flash.
Is this what you mean?

terrence1.daphnis
09-21-2012, 12:35 PM
The flash, sry if im saying "pictures" but been trying to get the flash inside that box

johnMoss
09-21-2012, 02:35 PM
K... easy enough.. just get rid of this after that opening p tag
<img src="images/content.png" width="896" height="628" />

terrence1.daphnis
09-21-2012, 04:12 PM
Ok! Thanks! I also figured how to write out the CSS and now i finally understand the process of parent and child tags and placing div tag in their respective places along with adjusting the margin...! thank you so much!

johnMoss
09-21-2012, 04:15 PM
Welcome to the forum bro, & let us know who wins & if he survived the after-party :)