|
HTML - Volume Controls
How do I create my own volume control buttons on a html page? Maybe via javascript? I am also looking how to create my own buttons for pay, pause and stop.
( I want to control embedded Windows Media Player). Similar TutorialsHello there. I am kinda new here and I would like to ask a question regarding volume control on a web page. Is it possible to have some kind of slider to control the sound of a web page? Not some embedded player with a volume slider, but rather a slider that will allow me to control all the sounds that are playing at my webpage. Any help would be greatly appreciated! Thanks in advance p.s. Don't know if I posted this in the right section Sorry! I have a music player i want to put on my blog but there is no volume control and it's really really loud. Is there a way to adjust the volume using html? Any help is appreciated. Thanks. Hello. I am having a tough time fixing this problem I'm having. I am creating a site using web expression 2. So far, everything is working fine, except for a couple of browser issues regarding active x controls. When I open the site on firefox, which from what I've read, doesn't use active x controls, everything loads fine. But, when I open the site on IE, the latest IE8, contents of my site aren't displayed properly due to blocked active x controls. How and what can I change in my code so that people viewing my site in IE8 can see it normally? Here is the source code and css: Code: <!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 content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Facpros</title> <link rel="stylesheet" type =" text/css" href="1css.css"/> </head> <body> <script type =" text/javascript"> //code for showing/hiding div dropdown comming soon </script> <div class="head" > <div id="Navigation" style="left: 313px; top: 244px" > <ul class="nav" > <li class="notparent"><a href="location"><span>Home</span></a></li> <li class="notparent"><a href="location"><span>About Us</span></a></li> <li class="notparent"><a href="location"><span>Contact Us</span></a></li> <li class="notparent"><a href="location"><span>Leadership</span></a></li> <li class="notparent" ><a href="location"><span>Events</span></a></li> <li class="notparent"><a href="location"><span>Our Members</span></a></li> <li class="notparent"><a href="location"><span>Inquiry</span></a></li> <li class="parent"><a href="location"><span>Language</span></a></li> </ul> </div> </div> <div class ="body" > </div> <div class ="foot"> </div> </body> </html> Code: body{
background-color:gray;
background-image:url('backgroundimg.png');
}
p{
font-family:Copperplate33bc;
}
ul.nav{
font-family:Copperplate33bc;
list-style:none;
padding: 0;
margin: 0; font-size:14px;
height:29px;
}
div.head{
top:0px;
background-color:maroon;
height: 275px;
width: 1000px;
margin-left:auto;
margin-right:auto;
}
div.body{
background-color:teal;
height:600px;
width: 1000px;
margin-left:auto;
margin-right:auto;
}
div.foot{
background-color:black;
height:100px;
width: 1000px;
margin-left:auto;
margin-right:auto;
}
li.notparent{
}
li.parent{
}
a:link{
text-decoration:none;color:black;
}
a:hover{
color:white;
}
#Navigation{
width:723px;;position:relative;
}
#Navigation li
{
float: left;
display: block;
text-decoration: none;
text-align: center;
padding-left:5px;
padding-right:5px;
width:auto;
height:29px;
line-height:3em;
}
hi everybody, iam a learner, my mind got struck in this topic in xhtml.So i thought asking on this topic may help.Now here is the question, what are Hidden controls? what are the uses for hidden controls? and how they are used? I learned that they are used to store the form data submitted by user and send to next page while your form spans more than one page, but my mind is not so clear about this topic. so plz answer my question.plz dont paste links. Thanks and Regards. Hi there, I am creating a website using dreamweaver html and css. I am having issues embedding a .swf file to the code, it does not show in ie. I have the latest version of ie installed on my pc and I have the activeX flash player installed also. When I preview the file a banner appears saying blocked content and when you allow it nothing happens. If I am having this issue others are bound to hence I would like it resolved before the site goes live. Can any one help me please??? CODE:- HTML Code: <!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>
<!--[if lt IE 6.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Future Limo Buses</title>
<style type="text/css">
<!--
body {
font-family:Verdana, Geneva, sans-serif;
border:none;
background-color:#000;
}
#Wrapper {
width:800px;
margin:0 auto;
}
#Background {
height:600px;
width:800px;
background-image:url(../future_root/Images/Background%20images/gallery.png);
background-repeat:no-repeat;
background-position:center;
}
#Logo {
border:none;
background-image:url(../future_root/Images/Misc/gold%20logo.png);
background-repeat:no-repeat;
height:89px;
width:281px;
margin-top:-570px;
margin-left:480px;
}
#PageHeader {
border:none;
background-image:url(../future_root/Images/Page%20Headers/gallery.png);
background-repeat:no-repeat;
height:26px;
width:215px;
margin-top:-50px;
margin-left:40px;
}
#Navigation {
border:none;
height:350px;
width:153px;
margin-top:103px;
margin-left:30px;
}
#Seperator {
border:none;
height:350px;
width:3px;
background-image:url(../future_root/Images/Misc/seperator.png);
background-repeat:no-repeat;
margin-top:-343px;
margin-left:190px;
}
#Links {
height:22px;
width:221px;
margin-top:-10px;
margin-left:540px;
}
#PageInfo {
border:none;
text-align:center;
height:350px;
width:550px;
margin-top:-450px;
margin-left:210px;
}
#Navigation a {
background-repeat:no-repeat;
display:block;
}
a.home, a.contact, a.links, a.testimonials, a.gallery, a.about {
margin-top:30px;
height:18px;
}
a.future {
margin-top:20px;
width:107px;
height:35px;
}
a.home {
width:49px;
}
a.links {
width:44px;
}
a.testimonials {
width:107px;
}
a.about {
width:76px;
}
a.contact {
width:90px;
}
a.gallery {
width:60px;
}
a.home:link, a.home:visited {
background-image:url(../future_root/Images/Navigation%20Bar/homewhite.png);
}
a.home:hover, a.home:active {
background-image:url(../future_root/Images/Navigation%20Bar/homegrey.png);
}
a.about:link, a.about:visited {
background-image:url(../future_root/Images/Navigation%20Bar/aboutuswhite.png);
}
a.about:hover, a.about:active {
background-image:url(../future_root/Images/Navigation%20Bar/aboutusgrey.png);
}
a.futu link, a.futu visited {
background-image:url(../future_root/Images/Navigation%20Bar/thefutureexperiencewhite.png);
}
a.futu hover, a.futu active {
background-image:url(../future_root/Images/Navigation%20Bar/thefutureexperiencegrey.png);
}
a.gallery:link, a.gallery:visited, a.gallery:hover, a.gallery:active {
background-image:url(../future_root/Images/Navigation%20Bar/gallerygrey.png);
}
a.testimonials:link, a.testimonials:visited {
background-image:url(../future_root/Images/Navigation%20Bar/testimonialswhite.png);
}
a.testimonials:hover, a.testimonials:active {
background-image:url(../future_root/Images/Navigation%20Bar/testimonialsgrey.png);
}
a.links:link, a.links:visited {
background-image:url(../future_root/Images/Navigation%20Bar/linkswhite.png);
}
a.links:hover, a.links:active {
background-image:url(../future_root/Images/Navigation%20Bar/linksgrey.png);
}
a.contact:link, a.contact:visited {
background-image:url(../future_root/Images/Navigation%20Bar/contactuswhite.png);
}
a.contact:hover, a.contact:active {
background-image:url(../future_root/Images/Navigation%20Bar/contactusgrey.png);
}
-->
</style>
</head>
<body>
<div id="Wrapper">
<div id="Background"></div>
<div id="Logo"></div>
<div id="PageHeader"></div>
<div id="Navigation">
<a class="home" href="../future_root/index.html"></a>
<a class="about" href="../future_root/aboutus.html"></a>
<a class="future" href="../future_root/future.html"></a>
<a class="gallery" href="../future_root/gallery.html"></a>
<a class="testimonials" href="../future_root/testimonials.html"></a>
<a class="links" href="../future_root/links.html"></a>
<a class="contact" href="../future_root/contactus.html"></a>
</div>
<div id="Seperator"></div>
<div id="Links">
<a href="http://www.facebook.com/pages/Future-Limo-Buses/113455505345741">
<img src="../future_root/Images/Misc/facebook.png" border="0" height="22" width="89" align="right"/>
</a>
<a href="http://www.got-the-concept.co.uk" >
<img src="../future_root/Images/Misc/copyright.png" border="0" height="22" width="121" align="left" />
</a>
</div>
<div id="PageInfo">
<object classid="clsid27CDB6E-AE6D-11cf-96B8-44455350000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="550" height="400" id="myMovieName">
<param name="movie" value="../future_root/Images/Gallery/gallery.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#FFFFFF">
<param name="wmode" value="transparent">
<embed src="../future_root/Images/Gallery/gallery.swf" quality="high" bgcolor="#FFFFFF" width="550" height="400" name="gallery" align="" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer" wmode="transparent">
</embed>
</object>
</div>
</div>
</body>
</html>
Hi all, Im building a mock-up website for a project im working on. Since the first version was built in PPT, i dont wanna build it from scratch - so the entire website is built from image maps. The problem im having is the need to add activeX controls to some of the pages. i.e., my page (reminder - just a big photo mapped) has a right-side menu, a left-side menu and the middle of the page (square shaped) is a form with radio buttons, drop down lists, checkboxes and a submit button. as far as i understand, its impossible to add such elements to an image map. so i was thinking about writing the form section in a separate HTML file, and "call" it from the original page (the map). I just have no idea how to do that. Can i define coordinates in which that image part will be replaced with another HTML file? Thanks for any ideas/help!! Hello, I have a client were working with. He uses myspace. He wants a youtube video to autoplay from youtube. He wants it to look sleek and doesn't want the controls buttons to show. I've read this is possible but can't get the div code right. It's an HD video and it's height="480" width="720". We came across this url: http://www.createblog.com/myspace-sc...eo-top_bottom/ and We found this code as an example it says: Where it says YOUTUBE URL HERE insert your youtube embed url, not the url of the YouTube page. Change the first 380 and the 230 to change the video's size and the -90 to position the video. **** <div style="width:380px; height:230px; overflow:hidden!important; text-align:center;"><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="410" width="380" style="position:relative; top: -90 px;" data=" YOUTUBE URL HERE "> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value="YOUTUBE URL HERE" /> <param name="wmode" value="transparent" /> </object> </div> **** This is our code were tried but it is not working? can you please help us. Thank you in advanced. Our code we tried: **** <div style="width: 720 px; height: 480 px; overflow:hidden!important; text-align:center;"><br /> <object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height=" 410 " width=" 380 " style="position:relative; top: -90 px;" data=" http://www.youtube.com/v/vaKuFww3ljM&ap=%2526fmt%3D18&loop=1&controls=0&showinfo=0&autoplay=1&&iv_load_policy=3 "> <param name="allowScriptAccess" value="never" /> <param name="allowNetworking" value="internal" /> <param name="movie" value=" http://www.youtube.com/v/vaKuFww3ljM&ap=%2526fmt%3D18&loop=1&controls=0&showinfo=0&autoplay=1&&iv_load_policy=3 " /> <param name="wmode" value="transparent" /> </object> </div> **** |
|||||||