Positioning a swf inside a DIV
Hi everybody,
I am redoing a site for a friend, which was originally done using frames in GoLive. The site is very siimple but I can't figure out how to positoin the menu that I've placed inside the navbar DIV along the left side. I want it to stay positioned along the top, but it centers itself in the DIV and hangs too low. Here is the site www.matthewtomlet.com/ and I'm including the CSS code below.If anybody can help it would be appreciated, This the first site I've created using CSS, so the coding might not be ideal, but the site seems to be functioning well. Also, the home page just has one small image on it but the scroll bars show up, not sure why that is either.
Thanks again.
Kind regards,
Mark
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #000;
text-align: center;
margin: 0px;
padding: 0px;
p {
font-size: 1 em;
color: #FFF;
text-align: left;
a {
color: #FFF;
#wrapper {
height: 660px;
width: 870px;
margin-top: 35px;
margin-right: auto;
margin-left: auto;
#navbar {
width: 220px;
clear: left;
float: left;
#monoslideshow {
width: 650px;
clear: right;
float: right;
#maincontent {
width: 650px;
height: 300px;
margin-top: 150px;
clear: right;
float: right;
#maincontent p {
font-size: .9em;
color: #FFF;
text-align: center;
margin: auto;
padding-top: 20px;
#maincontent p a {
font-weight: bold;
color: #FFF;
#homepageimage {
height: 200px;
width: 477px;
margin-top: 175px;
margin-right: auto;
margin-left: auto;
#contact {
width: 650px;
height: 125px;
margin-top: 250px;
clear: right;
float: right;
#contact p {
text-align: center;
font-size: 0.9em;
#contact p span {
font-weight: bold;
Do you understand the price you will pay for using a Flash element for navigation on the site? This will render the site unnavigable for both those with screen-assistive devices, and for search engine spiders. That means that the only page that will be spidered is the landing page after your splash, and unfortunately, there's no rankable content there. So, the whole site will be ranked based on this single title tag -
<title>Matthew Tomlet Paintings</title>
Bummer....
Nevertheless, if you browse directly to the menu.swf file here - http://www.matthewtomlet.com/_images/menu.swf - you will see that the space you are wanting to remove is actually part of the Flash file itself. You would need to edit that file with Flash to remove that space.
Similar Messages
-
How to position two buttons on top of div element inside a div container?
Hello!
Good news...
I have created my very first thumbnail slider for my website that actually works!
Bad news...
The buttons that help scroll the div element, which is wrapped inside a center container, are no longer positioned on top of the div.
Here is the html:
<div id="centerContainer">
<div id="aemcSlider">
<ul>
<li>
<a class="aemcPkgBut" href="" target="" alt="AEMC Packaging" title="AEMC Packaging"> </a>
</li>
<li>
<a class="aemcGroundFlexBut" href="" target="" alt="GroundFlexAd" title="GroundFlex Ad"> </a>
</li>
<li>
<a class="aemcClampBut" href="" target="" alt="Clamp-On Ad" title="Clamp-On Ad"> </a>
</li>
<li>
<a class="aemcMetrixBut" href="" target="" alt="Metrix Ad" title="Metrix Ad"> </a>
</li>
</ul>
</div>
<div id="leftBut">
<a class="arrowLeft" href="" target="" alt="Left" title="Left"> </a>
</div>
<div id="rightBut">
<a class="arrowRight" href="" target="" alt="Right" title="Right"> </a>
</div>
</div>
Here is the CSS:
Main container:
#centerContainer
{width: 800px; margin: 0 auto; background-color:#0e210e; position:relative}
Div Element:
#aemcSlider
text-align:center;
list-style:none;
width: 450px;
height: 114px;
margin: 0 auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
top: 67px;
position: relative;
overflow: hidden;
#aemcSlider a {margin-right: -12px;}
Left & Right Buttons:
a.arrowLeft
width: 29px;
height: 96px;
float:left;
position:absolute;
margin: 0 auto;
display: block;
background-image: url(../Images/arrowLeft.png);
background-repeat: no-repeat;
left: 311px;
top: 91px;
opacity: 0;
a.arrowLeft:hover
background-image: url(../Images/arrowLeft.png);
opacity: 0.5;
a.arrowRight
width: 29px;
height: 96px;
position:absolute;
float:right;
margin: 0 auto;
display: block;
background-image: url(../Images/arrowRight.png);
background-repeat: no-repeat;
opacity: 0;
left: 720px;
top: 92px;
a.arrowRight:hover
background-image: url(../Images/arrowRight.png);
opacity: 0.5;
Here are the things I've done to troubleshoot:
If I put the div element as an absolute container, the left button disapears.
I get the same effect when I change the position to relative.
I tried changing the position to relative for both buttons.
I also tried to position the buttons outside the Main Div container and no go.
How can I position the relative div element under these controller button?
Any help would be muchly appreciated.
~LAOK,
Got the site onto a public web space.
Here sre the links...
http://www.aliciaalmeidagraphicdesigner.com/Work.html
http://www.aliciaalmeidagraphicdesigner.com/style/Body.css
http://www.aliciaalmeidagraphicdesigner.com/js/functions.js
Anyone can help me out, please?
Thanks!
LA
PS: Dissapointed...my website looks much better from my local file than remote -
How do I Overlay a Logo on top of a SWF, inside an HGroup ?
Hi Folks,
I use an HGroup to within it, horizontally and vertically center a SWF.
Now, I would like to position a Logo at the HGroup's x,y=0,0 position.
While the logo need to be positioned in the top left corner, the [re]size and [re]position of SWF is not to be affected by the Logo. In effect, the logo is to have not effect on any of the layouts of whatever it visually overlays.
How do I do this?
Thanks for your help,
VCMy brain got fried with all of the previous SWFLoader positioning and centering - so much that I had to stop and clear my head and then this became an easy case of putting the HGroup and the Logo inside a BorderContainer. I had inadvertently placed the Logo inside of HBox.
-
Will a Flash navbar work inside a div tag?
I created a pretty simple navbar in Flash and put it inside a <div>. It looks great but the links don't work. Am I missing something or will this not work?
Your code is fine if you take out the other stuff. Got an error somewhere else?
Tear it down starting with this and then rebuild one line at a time......
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<style>
#navbar {
position:fixed;
z-index:1;
padding:0px;
height: 20px;
width: 100%;
top: 0px;
text-align: center;
vertical-align: top;
background-color: #000;
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #FFF;
#navbar a:link {
background: transparent;
color: #FFF;
#navbar a:visited {
text-decoration: none;
color: #006;
background: transparent;
#navbar a:hover {
text-decoration: none;
color: #999;
background: transparent;
#navbar a:focus {
text-decoration: none;
color: #999;
background: transparent;
#navbar a:active {
text-decoration: none;
color: #FFF;
background: transparent;
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
color: #FFF;
a:hover {
text-decoration: none;
color: #CCC;
a:active {
text-decoration: none;
color: #FFF;
</style>
</head>
<body>
<div id="navbar"><a href="javascript:alert('../indexNew.html')">home</a> | <a href="javascript:alert('rooms.html')">our rooms</a></div>
</body>
</html> -
How can i postition an image inside a div correctly?
I am learning CSS and I want to insert an image inside a div
used as a footer. I want the image to appear to the left of the div
with say 10px left margin and 5px top and bottom.
I also have a horizontal UL and a <p> inside the div
which are set to the centre. I want to keep their appearance as
they are - but add the image to the left without putting anything
else out of place if that makes sense.
Can someone show me how it is done?
http://www.tomkilbourn.com/newsite/test/footer.html
The image which I want to use is from validator.wc3.org -
<p>
<a href="
http://validator.w3.org/check?uri=referer"><img
src="
http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88"
/></a>
</p>~Billy~ wrote:
> Ive got it to work by adding -
>
> <span
style="position:absolute;top:27px;left:20px;">
> <img src="/newsite/images/valid-xhtml10.png"
/></span>
>
> before the closing body tag, but is there a way to do it
without using
> absolute positioning and span?
>
Id' do it by adding position relative to my footer div and
then I'd
create a class for the img and use absolute positioning for
it which if
nested within the footer div will be relative to that - like
so.....
in your css...
#footer {
border-top: 1px solid rgb(187, 187, 187);
padding: 0px 0px 10px;
background-color: rgb(51, 0, 0);
position: relative;
.w3c {
position: absolute;
top: 10px;
right: 20px;
and your html markup for your footer dive, something like....
<div id="footer">
<img src="/newsite/images/valid-xhtml10.png" alt="alt text
here"
class="w3c" />
<ul id="navlist">
<li><a href="#">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li class="last"><a href="#">Item
five</a></li>
</ul>
<p id="footerbottom">Copyright Tom Kilbourn 2007
www.tomkilbourn.com</p>
</div>
chin chin
Sinclair -
Can't get DIV to position at bottom of header div
I have created a man nav div inside the header div so that I could position it at the bottom of the header div. I selected the main nav div and applied positioning elements, however, no matter what values I give, the div is unresponsive and stays at the top of the header. Shouldn't I be able to do this? Or do I need to place the nav menu div outside of the header div?
Thanks for some quick feedback.
SamanthaSamantha, can you give us a link to your page, or at least copy in your code (see instructions at the top right of the Forum page). We will be able to give you a MUCH better answer if we can see where you are.
But, without your code, if you place a position: relative; on the header div and a position: absolute; on the nav div, you should be able to include something like bottom: 0;
Here's a small sample of what I am talking about:
<!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>Untitled Document</title>
<style type="text/css">
div#header {
width: 300px;
margin: 0 auto;
height: 100px;
background-color: blue;
position: relative;
color: white;
text-align: center;
div#nav {
width: 250px;
height: 40px;
background-color: white;
border: solid 1px red;
position: absolute;
left: 25px;
bottom: 0;
color: red;
</style>
</head>
<body><div id="header">Here is some header text.
<div id="nav">Nav stuff here</div></div>
</body>
</html>
Copy this into a new page on your Dreamweaver and take a look at what it does.
Beth -
Having stopped audio with a swf inside a sidelet can someone create a swf that will resume the audio
Ok, rick is going to post the fla of this file and I will
post the swf. Basically this is all about having a slide that has
audio running all the way through and enabling the user to roll
over a sidelet and have the video and audio stop playback.
At present, the max you can achieve is, to stop video. The
audio keeps going and of course everything gets out of
sync. Rick has create a swf that you input into a sidelet (
after having imported your image or video ) which stops the audio.
Fantasitc. Unfortunatly he was not successful in creating a swf
that will resume the audio.
So there is the mission. To create something that will resume
the audio, be it a swf inside the sidelet or something else.Hi there paul. Am I right in thinking that your code will
mute the audio. In my situation this would cause problems becasue
you would roll over the sidelet - the audio would go silent and
when you rolled off, or resumed the audio, it would have been
playing so again the video and audio will be out of sync.
Rick - rather than another swf which would activate the audio
and video when you roll off the sidelet ( while that is the perfect
solution ) what about looking at a button the user can press to
resume things, maybe Im wrong but that sounds a little easier.
( however for all those reading this that is not really the
solution I am looking for, what Im looking for is the above
solution where you can just roll off and on and so on ) -
Load and resize a SWF inside a MC
Hi,
I'm using AS2 to load an SWF inside an MC. The MC measures
800x600, while the SWF (which can vary in size) measures in this
case 14x60, even though, looking at it, it seems to be about half
the size of the hosting MC. This makes me think that the dimension
scales are different. I'm loading the SWF using MovieClipLoader and
I'd like to resize it so that it fits as proportionally snug as
possible within the MC. How can I do this? If I try to resize the
SWF to the MC's dimensions, it become way too large and goes off
screen. If instead I try to rescale the hosting MC to fit around
the SWF, the SWF itself rescales as well. I'm going nuts! How can
accomplish this?
Thank you,
TatianaTo make things simple, I'd like to take an existing SWF (the
picture) and load it into a FIXED SIZED MC (the frame) and I'd like
to rescale the SWF so that it fits perfectly into the frame.
By all means, I know that what you said should work and I
admit my inexperience with AS2, but somehow the SWF's I'm loading
in, have scales that are totally different with respect to my
Stage. I even tried loading the SWF directly onto the stage and
then I loaded the frame separately onto the stage and tried to
resize it to the SWF's _width and _height. The frame became a tiny
dot on the screen, while the SWF filled half of my Stage.
Thanks again for your help. -
Loading a SWF inside another SWF question
Hello friends,
1. (IMPORTANT) As all we know when putting some Flash SWF
inside an HTML page, normally it starts playing as soon as its
first frame is loaded.
Now in my case I have to load a SWF (let call it Flash A)
inside another Flash, I used mx.controls.Loader control to do this.
But this internal loaded SWF (Flash A) doesn't display untill it is
completely loaded. Although what is interesting is that if it
contains a sound track I can hear it while it is being loaded.
I wana know is there any way that we can make this Flash
display while being still loaded.
2. Is there anyway to change a Flash playback FPS at runtime?
Thank you so much for any note and help.
- Mdamatrixhasu wrote:
> i want to know how i can load a flash inside another
flash container
go to help - search for 'loadmovie'
Best Regards
Urami
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami> -
AS3 SWF inside Director 11.5.9 quirk
I've previously used AS2 SWFs inside Director 11.5.9, and the SWFs work fine, actionscript works as it should.
I'm working on a project where I need to use some AS3 SWFs inside Director, and I've come across a limit on the pixel width and height of the SWF. It seems that if either the pixel width or height of the published SWF are greater than 1638, then any actionscript inside the SWF is ignored when the SWF is loaded into director. The SWF still works ok outside of Director.
For example, any actionscript stop(); commands are ignored and the playback continuously loops through the swf timeline.
Has anyone come across this before?
I am almost 100% certain this issue is related to the pixel width / height, as I've made a simple button navigation swf, and published it with different stage sizes. 1638 or less work inside Director, 1639 or more don't work inside Director!Made me laugh until I cried...
Or did I just cry? :(
Cruel but funny!
Richard -
Positioning of text inside footer
Okay -
On the page I'll reference in just a bit, take a look at the
footer.
Everything looks how I want it except for the fact that in my
code I'm
giving the "Privacy | Terms of Use" a padding-left value. I
really DON'T
want to do this. I've messed around with trying to float that
bit of text
inside a <div> and inside a <span> (keeping it
inside the SAME paragraph as
the text on the left) but it always gets placed a line lower
than the text
on the left.
Reference:
http://www.avenuedesigners.com/index2.html
Is there a cleaner way for this to all line-up okay?
Shane H
[email protected]
http://www.avenuedesigners.comShane H wrote:
> but it always gets placed a line lower than the text
> on the left.
Its on the same line for me, only thing lower is the text on
the left
that follows the br
Cheers jojo
Adobe Community Expert for Dreamweaver 8
http://www.webade.co.uk
http://www.ukcsstraining.co.uk/
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm -
Hello,
I am trying to create a masthead with a SWF inside of it.
So far I try this:
1.- Put the swf inside dist/images/equipo.swf
2.- in the HeaderiView.jsp this code:
<%
String swfUrl= componentRequest.getWebResourcePath()+"/images/equipo.swf";
%>
<TD>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="800" height="200" id="equipo" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="<%=swfUrl%>"/>
<param name="quality" value="high"/>
<param name="bgcolor" value="#ffffff"/>
<embed src="<%=swfUrl%>" quality="high" bgcolor="#ffffff" width="800" height="200" name="equipo" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>
</TD>
When I do preview of this iView, I got the space for my swf but all blank, this means, the swf is not running.
Any ideas?
Regards,
Orlando Covault.Hi Orlando,
could you try the same code for a normal image file? Just to check whether its a problem with the SWF or with location & path of the image. If the path does not work properly for normal image too you can use the following code to access an image or SWF.
IResource resource = request.getResource("image","images/myImage.gif").getResourceInformation().getURL(request);
Let us know whether this helps or not.
Regards,
Shubho -
{module_cataloguelistdump} won't fit inside sidebar div tag
How to make {module_cataloguelistdump}
fit inside sidebar div tag
Module does not move to left margin inside the div tag.
see html below - see screen shot below.
<!— SIDE BAR -->
<div class="col-xs-12 col-sm-4 col-lg-3 pull-left sidebar">
<!-- CATEGORIES LIST -->
<div class="section module-list-items">
<h4 class="section-title">Categories</h4>
{module_cataloguelistdump,-1,1,_self,Weight}
</div>
<!-- /CATEGORIES LIST -->
</div>Hey there,
View the CSS on it and view the html on it. It is pretty straight forward if you inspect markup and then change the CSS to suit.
With those catalog names though your space does not look big enough for them so most of them will instantly be on two lines no matter what you do. So consider that as well. -
Call Flex swf inside extension object
Hi,
I am building a user application using Flex 3. The application allows user to input information using input components such as text areas, etc. The application will create an xml file from user info. The application needs to save xml file in user's local hard drive. For user convenience, we want to be able to call the application from inside a DW menu. This requires an extension which implies installing an mxp. To avoid multiple installs, we want to deliver the application inside the extension. This involves creating an extension object that has my Flex app embedded in it. I have been able to create the extension object, have it show up in my insert bar, and deliver my Flex swf inside the extension. However, when I type inside a text area in my swf, I am not able to. It acts as if disabled. I explicitly set my text area as editable=true and enabled=true. Why? Here is my extension:
<html>
<head>
<title>WBT Ouline Tool</title>
<style>
body { margin: 0px; overflow:hidden }
</style>
<script language="javascript" type="text/javascript">
function createTextFile(textItem) {
//future code to create xml file will go here.
//it will use DW FILE I/O APIs
</script>
</head>
<body>
<form>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
id="wbtOutline" width="406" height="276"
codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
<param name="flashvars" value="bridgeName=wbtOutlinePanel"/>
<param name="movie" value="wbtOutline.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#869ca7" />
<param name="allowScriptAccess" value="always" />
<embed src="wbtOutline.swf" quality="high" bgcolor="#869ca7"
width="406" height="276" name="wbtOutline" align="middle"
flashvars="bridgeName=wbtOutlinePanel"
play="true"
loop="false"
quality="high"
allowScriptAccess="always"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer">
</embed>
</object>
</form>
</body>
</html>Do you know where I can find examples on how to use dreamweaver.flash.newControl()?
I am still having no luck. My control shows up but can not interact with it and external interface not available. -
Interchange positions of jbutton inside jpanel
Hi Friends,
I'm trying interchange the position of JButtons inside a JPanel and between the Jpanels.
I'm unable to find the exact releasing positions.
can anyone help me telling the exact procedure .
here is the code
Container con = jb.getParent();
con.remove(jb);
insertPosition2 = con.getComponentZOrder((Container)jb);
if(con.getComponentCount() == insertPosition2)
con.add(jb);
else
con.add(jb,insertPosition2);
thanx,
Sunil.I've never tried this myself, but the documentation for Container#getComponentZOrder says:
The higher a component is in the z-order hierarchy, the lower its index.
Maybe you could try withinsertPosition2 = con.getComponentZOrder((Container)jb);In any case, the correct approach to this kind of troubleshooting is to insert System.out.println statements in between the lines posted so you can observe whether your assumptions about the values the methods return are correct ones.
Use code tags to post codes -- [code]CODE[/code] will display asCODEOr click the CODE button and paste your code between the {code} tags that appear.
If you require further help, please post a SSCCE
db
Maybe you are looking for
-
I have OS 10.8.2 and use wireless at home just fine. When I visit a friend with only a cable modem internet my Mac Book Pro will not connect. I see that the Mac Book Pro is picking up the internet when I check the internet preference section but it w
-
Automator 2.2 "Copy Finder Items" Action Error
Hello all, When I try to create an Automator workflow that finds a type of file (pdf) in a nested folder structure and copies those files to another folder - essentially extracting the pdfs from their nested folders - I get an error message. 1) I use
-
Formatting pics to print multiple images on a page
When printing pics from iPhoto with more than 1 image per page, is there a way to alter the margin above and below the images?
-
Sync status is not shown correctly, and not completing
I attached my 16GB Nano 6th gen to my PC last night. I'm running iTunes 10.0.0.68 on Windows 7 Ultimate x64. When copying music I noticed that iTunes would show "syncing" while the Nano didn't, and vice versa. Mostly I'd see the rotating icon on the
-
HELP FOR RUN PHOTOSHOP IN COMMAND PROMPT AND OPEN FILE
HELLO i have problem for run photoshop in cmd(command prompt) and open a file immediate for example: D:\Program Files\Adobe\Photoshop CS>Photoshop.exe -open -f:\1.jpg but these not answer I need parameter open in photoshop please help me thanks