How do I create a heading combing a .jpg with a .swf file

liunx · Jan 10, 2008

How would I create a heading that has a .jpg graphic on the left and a .swf flash graphic in the middle and another .jpg graphic on the right? Would I use some type of table, is so any suggestions for the code? 
 
I'm trying to create a heading for my site with both .jpg and the flash graphics. 
 
I really need the code, still new at this. 
 
Thanks in advance!Hi there j2004, 
 
and a warm welcome to these forums

Try this... 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>jpg/swf heading</title> 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
 
<style type="text/css"> 
/*<![CDATA[*/ 
#container { 
width:600px; /* total width of jpgs and swf */ 
height:200px; /* height of your heading */ 
margin:auto; 
border:solid 1px #000000; 
} 
.contents { 
float:left; 
} 
#clear { 
clear:both; 
} 
img { 
width:200px; /* width of jpg */ 
} 
object { 
width:200px; /* width of swf */ 
} 
/*//]]>*/ 
</style> 
 
</head> 
<body> 
 
<div id="container"> 
<div class="contents"><img src=http://www.webdeveloper.com/forum/archive/index.php/"some.jpg" alt=""/></div> 
<div class="contents"><object></object></div> 
<div class="contents"><img src=http://www.webdeveloper.com/forum/archive/index.php/"some.jpg" alt=""/></div> 
<div id="clear"></div> 
</div> 
 
</body> 
</html> 
 
Just change values indicated to suit your requirements

cootheadI made the changes belowe, but it still didn't work. What am I doing wrong? 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>jpg/swf heading</title> 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> 
 
<style type="text/css"> 
/*<![CDATA[*/ 
#container { 
width:600px; /* total width of jpgs and swf */ 
height:200px; /* height of your heading */ 
margin:auto; 
border:solid 1px #000000; 
} 
.contents { 
float:left; 
} 
#clear { 
clear:both; 
} 
img { 
width:200px; /* width of jpg */ 
} 
object { 
width:200px; /* width of swf */ 
} 
/*//]]>*/ 
</style> 
 
</head> 
<body> 
 
<div id="container"> 
<div class="contents"><img src=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\j\Desktop\picts\3.jpg" alt=""/></div> 
 
<div class="contents"><object>"C:\Documents and Settings\j\Desktop\picts\4140.swf"</object></div> 
 
<div class="contents"><img src=http://www.webdeveloper.com/forum/archive/index.php/"C:\Documents and Settings\j\Desktop\picts\4pic1.jpg" alt=""/></div> 
 
<div id="clear"></div> 
</div> 
 
</body> 
</html>Hi there j2004, 
 
You cannot call your .swf file in that manner, put it in the code like this... 
<div class="contents"> 
<object type="application/x-shockwave-flash" data="4140.swf"> 
<param name="movie" value="C:\Documents and Settings\j\Desktop\picts\4140.swf" /> 
</object> 
</div>That worked great! Now can you help me incorporate it into the website (<a class="postlink" href="http://www.military-crimes.com">http://www.military-crimes.com</a>) As you can see the heading is one big graphic and I want to make it as the code above states. Please help.Hi there j2004, 
 
'Now can you help me incorporate it into the website. 
As you can see the heading is one big graphic and I 
want to make it as the code above states.' 
 
That request is rather vague. 
Are you saying that 
you want to replace logo.swf with 4140.swf 
and place 3.jpg to the left and 4pic1.jpg 
to the right of this .swf ? 
 
If so do you want to do away with the javascript 
that you, at present, employ for the header ? 
What are the dimensions of the jpgs and the swf ? 
 
Provide some more information and also attach copies 
of the items to be used and we will see what can be done

cootheadmain2.jpg is the present graphic that needs to be changed. 
 
I would like to make the two .jpgs and the .swf fit in the same space which is 720 X 90 pixels.Here's the other .jpg. 
 
It will not allow me to upload the flash. I can email it to you, if you don't mind.Hi there j2004, 
 
I've have the images OK 
Put the .swf in a zip file and then you 
will be able to attach it here at forum. 
 
It is getting rather late - 11pm - this side of the pond so... 
I will give it my fullest attention tomorrow morning

cootheadI'm getting an error message, "The file that you have tried to attach is too big. The maximum size is 102400 bytes" 
 
The only other way I know of to get it to you is to email it to you. My email address is <a href="mailto:[email protected]">[email protected]</a>. 
 
I appreciate all your help!Hi there j2004, 
 
No problem, I have sent you an email

coothead

How do I create a heading combing a .jpg with a .swf file

liunx

Guest