|
HTML - Image Over Flash. Can't Figure It Out.
Greetings.
I have tried for nearly 10 hours total. But I can't get this to work. What I'd like to do is place a small image on the top right (or left) corner of a flash video. A watermark of sorts. I have seen sites do this, such as this. http://www.coolsport.tv/kiwi2.php I'd like to have my image, over my flash video. I know it has to do with setting transparency as well as positioning the image - however I simply don't understand it. This is the image, http://leboss.batcave.net/lebossover.png This is the flash I would like to place it over, http://leboss.batcave.net/channels/chan1.html Anyone have a clue? I appreciate the help. Warning. If you have firefox and ad block plus, you shouldn't get ad's on the sites linked. If you don't, you may see some ad's which aren't malicious. The flash server host (ilive.to) put's those stupid ad's. Thank you again. Similar TutorialsHey, this is my first post, so I will try to be as detailed as possible. I know what I want to design, I just don't know the program to use, the file type, whether I need frames... I am new with HTML Code, CSS and Java, I have a graphic design degree focusing on image, type and layout, and very little web design. I would like to design a facebook fan page with this: http://www.htmlforums.com/attachment...7&d=1317248556 I want the header and the image slider to remain loaded and locked at all times on the page, while the slide title/number, main image, and main text FADE in seperately, when the appropriate numbnail is selected. I do not want it as a slide show, it is more of a self-guided informational tutorial. I want the image slider to be able to scroll as well. If anyone knows tutorials or websites that could help me, or have suggestions reproducing this, please let me know. Do I do this as Flash? What type of file? I have searched the internet for days looking for a tutorial that is close to what I want, and I am having no luck. I really don't even know what to call this, inorder to properly google it. Thanks in advance! Hi I have multiple images on my home page working in a slideshow as you can see at www.1bit.org.uk/yourhome But, what I want is the same as what I have on this site: http://www.villavacationsvip.com/viprestaurants.html The difference is on that second slideshow, it uses flash. I don't want to use flash so is this possible to do? Hi. Not sure if this should go in HTML thread or FLash Dev, but here goes.... I have made some movies in flash, but i understand that people with old versions of flash player, will not be able to see them. Is it possible to show an image instead of the flash movie if the recommended flash player is not installed?? i.e. my movies are 320px height and 426px wide, if the flash player is not installed i would like to show a photo (320px * 426px) instead. Thanks Leroy Hi, I want to add some flash to my header image on my website. Before i add the flash i was wondering if there was any code i could use to first check if flash is installed and if not for it to just ignore the flash and load the background image. The flash is just going to be an animation of my logo. Is there something i can do similar to when you use code to check for browser version? If the person has not got flash installed i don't want them to be promted to install it i just want it to load the static logo image which will be set as the background image behind the flash. For people with flash already installed i would like the flash annimation to load. Any ideas on if this is possible would be appreciated Thanks in advance CC_DESIGN http://www.firstpentecostalchurchlc.org/ The website above does this, but how? it doesn't use flash either.. How can I do this? Thanks a lot guys.. Is there any way of placing HTML buttons (not flash) over Flash swf movis on Dreamworks? Thanks Hi All, I'm working on http://www.thesuccessleague.com/hbbtsstart.php and I'm trying to get the red text box on the left (with the picture of a woman) at the very top. I'm sure there's a cleaner way to do it (I'm not an expert at div tags yet), so I put the text box in a table and put that table in another table (as you can see in the code). What code do I have to use to anchor that red text box to the top of that left column? Do I need to use div tags? And if so, how do I anchor it to the table (and not to specific coordinates measurade against the top and left margins)> Thanks for your help! I have a jailbroken iPhone 4 and I am trying to get a flash embed to display on it but I am having a lot of trouble. i have successfully used and enabled different flash objects elsewhere but this is the only one that wont run. so I know it will work. HTML Code: <head>
<title>iSwim</title>
</head>
<body>
<div style="width: 320px; height: 356px; margin-top: 80px; margin-bottom: 44px;">
<object width="320" height="356"> <param name="movie" value="http://listen.grooveshark.com/widget.swf" /> <param name="wmode" value="opaque" /> <param name="allowScriptAccess" value="always" /> <param name="flashvars" value="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" /> <embed src="http://listen.grooveshark.com/widget.swf" type="application/x-shockwave-flash" width="320" height="356" flashvars="hostname=cowbell.grooveshark.com&widgetID=22770693&style=metal&bbg=000000&bfg=046cc7&bt=FFFFFF&bth=000000&pbg=FFFFFF&pbgh=046cc7&pfg=000000&pfgh=FFFFFF&si=FFFFFF&lbg=FFFFFF&lbgh=046cc7&lfg=000000&lfgh=FFFFFF&sb=FFFFFF&sbh=046cc7&p=0" allowScriptAccess="always" wmode="opaque" /></object>
</div>
</body>
Can anyone help me to make sure the flash displays right? what happens is the player loader displays at the top instead of the center and the control buttons are present before it loads. then after the loader fails it shows a "cannot connect" error. so I think the flash object is resizing inside its self. can anyone help me clean up this script so it will display correctly in iPhone safari (with flash enabled)? website is he smalldotdesign.zxq.net/iSwim.html that is where the HTML file is located that I am trying to get corrected. thanks in advance. i have a feeling this is going to be a tough fix. Ok, so I have this div set up like this: HTML Code: <div id="divbody"> <div id="menudivcenter"> Content of menu goes here </div> </div> <div id="footer">Content Of the Footer Goes Here</div> To me, this would stack the divs on top of eachother. Problem is they are side by side instead...... here is the site: http://dl.dropbox.com/u/9856200/baby...d-wrk/dfc.html here is the css: http://dl.dropbox.com/u/9856200/baby...bdb_colors.css Also this is a work in progress obviously so there's probably tons of errors and crap. I'm a novice so let me know if I'm horribly disfiguring this thing. Hello all, Sent out my website to a bunch of people, noticed it only works on my firefox+mac what is going on?? Site is at www.dmrosemark.com Sorry this post can be removed, figured out problem. Hi, new poster, as well as new web designer! I'm having trouble with having a javascript execute in an html table. What I'm trying to do is have the image background for the table to change with an onMouseOver, then change back with an onMouseOut: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function mouseover () { document.getElementById("nav1").src="nav1_hover.bmp" } function mouseout () { document.getElementById("nav1").src="nav1.bmp" } </script> <STYLE type="text/css"> body { background-color: white; color: silver; font-size:12px; font-family: courier new; } </STYLE> <title>untitled</title> </head> <body> <a href="http://www.htmlgoodies.com"> <font color="#666666"> <table border="0" cellpadding"0" cellspacing="0"> <tr> <td onMouseOver="mouseover ()" onMouseOut="mouseout ()" id="nav1" width="120" height="34" background="TF221 site redo/menu1.bmp" align="center">nav1 </tr> </td> </table> </a> </body> </html> The bolded and underlined chunk of code is what I'm having trouble with. I've put it everywhere in here but it's not taking it. Heck, what I'm trying to do may not be possible anyway, I'm not sure. Help is appreciated, thanks! i posted this earlier but its been hard to get a response, basicly im trying to get a form to submit to an e-mail, i have the form on a finance.html and a contact.php the form tabs are like this <td style="width:194px"><input name="input" type="text"></td> </tr></table><table style="height:23px"><tr><td height="28" style="width:67px"><br style="line-height:2px">Middle Initial:</td> <td style="width:194px"><input name="input2" type="text"></td> </tr></table><table style="height:23px"><tr> <td height="28" style="width:67px"><br style="line-height:2px"> Last Name</td><td style="width:194px"><input name="input3" type="text"></td></tr></table><table style="height:23px"> the submit tabs look like this <span><a href="contact.php" onClick="document.getElementById('form').reset()">Clear</a></span><img src="images/spacer.gif" alt="" width="20" height="1"><span><a href="contact.php" onClick="document.getElementById('form').submit()">Submit</a></span></p> </td></tr></table></td></tr></table><form name="contact_form" action="#" method="post"> </form> and the .php looks like this <? $subject="from ".$_POST['input']; $headers= "From: ".$_POST['input1']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("sirv101@hotmail.com", $subject, " <html> <head> <title>Contact letter</title> </head> <body> <br> ".$_POST['input']." ".$_POST['input1']." ".$_POST['input2']." ".$_POST['input3']." ".$_POST['input4']." ".$_POST['input5']." ".$_POST['input6']." ".$_POST['input7']." ".$_POST['input8']." ".$_POST['input9']." ".$_POST['input10']." ".$_POST['input11']." ".$_POST['input12']." ".$_POST['input13']." ".$_POST['input14']." ".$_POST['input15']." ".$_POST['input16']." ".$_POST['input17']." ".$_POST['input18']." ".$_POST['input19']." ".$_POST['input20']." ".$_POST['input21']." ".$_POST['input22']." ".$_POST['input23']." ".$_POST['input24']." ".$_POST['input25']." ".$_POST['input26']." </body> </html>" , $headers); echo ("Your message was successfully sent!"); ?> <script> resizeTo(300, 300) //window.close() </script> I'm doing a blog for a friend with a test run setup he http://www.g3concepts.com/tarablog This theme is setup in tables and based of a single HTML page. I cant seem to figure out how to get a header, with an intro paragraph added to this theme without jacking it all up. If you take a look at the blog now, youll see I simply added a table above the container, but nothing lines up right. I'm just trying to get the header and intro paragraph done right. (theme didnt have header or intro paragraph) I also cant for the life of me figure out how to make this red bordered section white And I wanted to add a small section below the container as well, but again, adding anything seems to hack this theme up Can anyone lend a hand? I'm sure it's pretty simple to do, I just cant figure this one out. Hello everyone. I know nothing about html and was wondering if someone could help me. I am trying to load this code into a website I am building but don't understand why nothing comes up. I downloaded the background tiles like the website said and then inserted the html to my website they provided. What do I need to do in order to get this page loaded and working properly. Any help would be greatly appreciated. Here is the code they provided: Code: <html> <head> <title>Title of Your Page</title> </head> <body background="tile-012-b.jpg"> <br> <p><center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="tile-012-c.jpg"> <tr> <td width="100%"> <p><center><table width="100%" border=1 background="tile-012-a.jpg"> <tr> <td width="100%">Your Content Goes Here </td> </tr> </table> </center> </td> </tr> </table> </center> </body></html> And here are the background tiles I saved to my computer. tile-012-b.jpg (this being the very last background) tile-012-c.jpg (this one being the middle background) tile-012-a.jpg (and this one being the top background) What am I doing wrong? Please help! Please go to my site www.ithp.org 2.) Look at the very top gray horizontal menu that has the RSS | Twitter | Facebook etc. 3.) When I make the window smaller or resize my screen window that top gray bar gets all weird and looks bad. However the rest of the site just dissapears like it should and doesn't resize. CAN ANYONE HELP?? Hi everyone, I have a few pages that have an issue with the footer. The footer on this page is correct Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH Inc - About Us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad.html">mcad<span id="moad"></span></a></li> <li><a href="mcad.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a id="active" href="about_us.html">About Us</a></li> </ul> <div id="content"> <h1> Mr. Thomas Gruber</h1> <p>Mr. Thomas Gruber, MESH’s Director of Engineering has over 19 years experience in FTIR chemical sensor R&D. In this position he is responsible for managing project resources and directing the technical approaches.</p><br> <p>He is responsible for the design and development of the MCAD and CCTS products. This work includes embedded electronics, blackbody calibration devices, enclosure design, radiometric signal processing/signal modeling, quantitative detection, and tomographical mapping software.</p><br> <p>He developed the radiometric calibration, synthetic data, quantitative detection, and tomographic mapping software programs for MESH.</p><br> <p>Mr. Gruber is the Principle Investigator on both the Sensor Netting Algorithm SBIR and the Hyper-Spectral Imager SBIR.</p><br> <p><strong>Education:</strong></p> <p><br> MS Mechanical Engineering 1993, Texas A&M Univ., College Station, TX</p> <p>BS Mechanical Engineering 1991, Clemson Univ., Clemson, SC</p> </div><!-- end #content --> <div id="footer"> <img id="footer" src="images/footer.gif" alt="footer"></div> </div><!-- end #container --> </body> </html> and this page is not correct... the footer comes up to the bottom of the content instead of staying on its fixed location... and I dont see anything in lines 90-100 that would cause this... any thoughts Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH Inc - About Us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad.html">mcad<span id="moad"></span></a></li> <li><a href="mcad.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a id="active" href="about_us.html">About Us</a></li> </ul> <div id="content"> <h1> Mr. Ryan Fauth</h1> <p>Mr. Ryan Fauth has over 12 year experience in software engineering, all related to chemical sensing. He has developed the human interface to the MESH chemical sensing hardware, including the map display used by CCTS. He was responsible for interfacing MESH’s MCAD to JWARN.</p><br> <p>His has expertise in Embedded Operating Systems, Wireless Networking Software, and Software Design/Implementation.</p><br> <p>Mr. Fauth is responsible for managing maintenance and improvements to the Pentagon Force Protection Agency network of MCAD sensors, which protect the National Capital Region.</p><br> <p>He is the Lead Software Developer on the Sensor Netting Algorithm SBIR involving sensor interfacing, sensor data fusion and algorithm development.</p><br> <p><strong>Education:</strong></p><br> <p>BS Computer Science 1999, Univ. of Delaware, Newark, DE</p> <p></p><!-- end #content --> <div id="footer"> <img id="footer" src="images/footer.gif" alt="footer"></div> </div><!-- end #container --> </body> </html> I had a thread about my page a few months ago but I could not seem to find it. I am building a site for a client. It is currently located at http://planetlids.isthatclear.com I can't figure out why the hover buttons work fine in Firefox but not in IE. I tried both IE6 and 7. Any ideas? Hi Sorry if this is not strictly in the codes of conduct. I am an engineer who sometimes plays about with websites. I just built one and I cant get the frames to work for an on line catalog. 2 issues - Firstly it works with firefox on my pc b4 upload then will not display the pictures online. Secondly it will not work with ie7 correctly with the frames. It shoots off from a button on this website www.projectsuppliesdirect.com/shower.html the catalog was generated using Vevo catalogue builder Vevo have a htm suffix and this site is html suffix. The site is XHTML and the catalog is HTML. If you have any ideas I would be happy to hear thanks Si PS Just thinking that it will be simple for many of you to see what I am trying to do. If you could advise an alternative software that can provide a similar function, that would be very useful as I am not so confident in the code this application rolls out (easy to blame the tools ) I want some links to be different colors than others. I tried making a new class and the new links are now colored perfectly, but even though the links changes to the correct color when hovered over, it doesn't actually link... The arrow doesn't turn into a hand to click, it just changes colors, all be it correctly... I know this is very basic and i'm missing something very obvious. I had the standard a class links, and I created a 2nd class called c2... Here's what I have in my css siheet... Code: a, a:visited {
color: #a8a2ee;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: none;
}
a img {
border: none;
}
a:focus, a:hover, a:active {
outline: none;
}
c2, b:visited {
color: #ff0000;
text-decoration: none;
}
c2:hover {
color: #0c00ff;
text-decoration: none;
}
c2 img {
border: none;
}
c2:focus, c2:hover, c2:active {
outline: none;
}
When I create a link like this... Code: <c2 href="http://itunes.apple.com/" target="_blank">download from iTunes</c2> It does not link... I think it has to be A and maybe have a sub class? I can't call links c2 maybe? So how would I do it? Thanks! |
|||||||