|
HTML - Any Way To Display Dorpdown Menu Over Quick Time
hi all,
Is there Any way to display dorpdown menu over quick time player in Dynamic HTML page like the flash parameters wmode transparent....The menu and quick time is different Td's Thanks Edit/Delete Message Similar TutorialsHi, I've been searching around for some help on how to create a quick links drop down menu. I've not been able to find anything to help me. I am looking for my quick links drop down menu to be similar to the one on www.streamline.net Im not sure if this can be acheived by using an HTML form or php? If you have any advice or know of any tutorials please post here. Thank you in advance Hi there I am an HTML novice that can usually find the answers after some google time, not this time though. I've been searching the web for quite some time to get this done, hopefully one of you can help me out. If so, I will gladly give you credit when my little digital art project is done. Here's what I am trying to do (simplified): - I have image files (.JPGs) named 1200.jpg, 1201.jpg, 1202.jpg, 1203.jpg, 1204.jpg, etc. Each one representing a minute in the day. - Is it possibly to have a browser display 1201.jpg at 12:01, then display 1202.jpg at 12:02 and so on? Reading from the system clock. Hopefully this makes sense. Thanks for your time and, um, keep on HTML-ing. Dorron M email@dorronm.com I'm hoping for some help with the code to solve my problem. My site has a page devoted to a series of products. I have the names of the products running down a set of cells on the left side of a table. The product names will be linked to html pages dedicated to each of those products. I've got that under control, no problem. I'm trying to add the extra spiff of a common image area in a large merged cell just the to the right of the navigation cells and I'd like for an image of the specific product to come up in the image area when a user mouses-over the navigation cell. For example, the first nav cell is for "Lathes," so when a user mouses over the word Lathes I want a picture of a lathe to appear in the image area. When they mouse over the nav for bandsaws, I want an image of a bandsaw to come up in the same image area, etc. Is anyone willing to suggest some code to accomplish this little trick? It would be a great help. Thanks. Hello All. I have been attempting a hover-scrolling menu display for my online art portfolio, however I seem to be unable to 1) put the hover-scrolling menu display into a tab-panel 2) have a second scrolling menu display with different content, underneath the first one, which works separately (at the moment they scroll together when either one of them has the mouse-hovering on) Here are my codes = ---------------------------------------------------------------- Code: body {
}
div.sc_menu {
/* Set it so we could calculate the offsetLeft */
position: relative;
height: 280px;
width: 500px;
overflow: auto;
}
ul.sc_menu {
display: block;
height: 230px;
/* max width here, for users without javascript */
width: 4915px;
padding: 15px 0 0 15px;
/* removing default styling */
margin: 0;
background: url('navigation.png');
list-style: none;
}
.sc_menu li {
display: block;
float: left;
padding: 0 4px;
}
.sc_menu a {
display: block;
text-decoration: none;
}
.sc_menu span {
display: none;
margin-top: 3px;
text-align: center;
font-size: 12px;
color: #fff;
}
.sc_menu a:hover span {
display: block;
}
.sc_menu img {
border: 3px #fff solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/* Here are styles for the back button, don't look at them */
#back {
display: block;
width: 500px;
text-align: center;
color: #003469;
font-size: 16px;
}
</style>
<script type= "text/javascript">/*<![CDATA[*/
$(function(){
//Get our elements for faster access and set overlay width
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = 15;
//Get menu width
var divWidth = div.width();
//Remove scrollbars
div.css({overflow: 'hidden'});
//Find last image container
var lastLi = ul.find('li:last-child');
//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
div.scrollLeft(left);
});
});
/*]]>*/</script>
</head>
<body>
<div class="sc_menu">
<ul class="sc_menu">
<li><a href="javascript:popitup('attachments/Image/art1-large.jpg')"><img src="attachments/Image/art1.jpg" alt=""/><span>IMAGE 1</span></a></li>
<li><a href="#"><img src="attachments/Image/art2.jpg" alt=""/><span>IMAGE 2</span></a></li>
<li><a href="#"><img src="attachments/Image/art3.jpg" alt=""/><span>IMAGE 3</span></a></li>
</ul>
</div>
</body>
</html>
Code: <HTML>
<HEAD>
<TITLE>Java Popup Window Example</TITLE>
<SCRIPT language="JavaScript" type="text/javascript">
<!-- ;
var newwindow = ''
function popitup(url) {
if (newwindow.location && !newwindow.closed) {
newwindow.location.href = url;
newwindow.focus(); }
else {
newwindow=window.open(url,'htmlname','width=404,height=316,resizable=1');}
}
function tidy() {
if (newwindow.location && !newwindow.closed) {
newwindow.close(); }
}
---------------------------------------------------------------------- Code: <div class="tab-pane" id="tabPane1"> <script type="text/javascript"> tp1 = new WebFXTabPane( document.getElementById( "tabPane1" ) ); //tp1.setClassNameTag( "dynamic-tab-pane-control-luna" ); //alert( 0 ) </script> <div class="tab-page" id="tabPage1"> <h2 class="tab">TERM ONE</h2> <script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage1" ) );</script> <<<attempt to insert scroll-menu 1 >>> <<<attempt to insert scroll-menu 2 >>> </div> <div class="tab-page" id="tabPage2"> <h2 class="tab">TERM TWO</h2> <script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPage2" ) );</script> <<<attempt to insert scroll-menu here>>> </div> </div> <script type="text/javascript"> //<![CDATA[ setupAllTabs(); //]]> </script> </body> </html> ------------------------------------------------------------ Any suggestions or tips would be very much appreciated Help!!!! I have been looking at this for almost 6 hours and I still can't explain why my horizontal menu wrapped using Firefox and not IE. I have firefox 3 installed and some of the categories (on the same tree) wrapped and some doesn't. But if i refresh it a few times, it become normal again. This make no sense. Maybe I need to get some fresh air because i am starting to see spots on the screen. http://208.84.114.15 Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before How would you do the following: I need a code or idea for a code wherein when a link is clicked, it will send the clicker to a random page selected from a list of URLs. I need this with the utmost fastity. Thank you. EDIT: I Realize now that my title is obnoxious. Ok, I am working on something and basically what I need to figure out is how I can make a REALLY SIMPLE chat room something like so: In another programming language let's say I post something like username:hi , now what I need is like a text list so people can chat, but it doesn't have to be live, i want it to be refreshed to see new content. I hope someone understands this, and if so, mind helping me get this done? It should just be in plane text, so i can connect to my website and parse the data, thanks. I'm a noob at HTML, can someone try coding this for me? My idea is really basic.. Just a blank white page to begin, with a little box with a submit button on the page somewhere that the user can type anything they want to and once they click submit it will post it maybe 10-15 pixels below the last thing posted on the "wall". I don't need anything fancy! Just a white page that displays black text and keeps track of everything posted. I'll love you forever if someone can do this for me. <3 just wondering..I guess if i think about it for a few more minutes i'll realize the answer.. but i'm done thinking for the day question.. when you make a function why do you put variables in the () right after the function.. what purpose does it serve? whats the difference in putting them in the () vs putting them just in the function or something? I feel like i'm missing something thanks everyone Hi everyone i am having trouble with an image. I am trying to get my link clickable and have it so i can define the dimensions. This is the code i have. Code: <a href="http://www.smokethosetires.com/mustang.jpg"><img src ="mustang.jpg"></a> How can i alter that code so i can use this width="200" height="200"> i want to change this html that instead of the text element the script "copy" will copy to the clipboard the current URL. I've tried to call it with location.href but with no luck. Code: <form name="formtocopy" action=""> <textarea name="texttocopy"> A whole bunch of text here that will be copied. </textarea> <br> <a href="javascript:copy(document.formtocopy.texttocopy);">copy</a> </form> thanks I have a wordpress blog I need a little help with. In my navbar I have a link called "Dog Food Review". I want it so when people put their mouse over that link a drop down menu comes down and list my links under my Blogroll.. specifically the ones under Dog Food Reviews. Do you guys know if the amount of traffic that a website receives will have any effect on it's search engine rankings? hi there ive just created some buttons in photoshop and inserted them into my website i want the buttons to be together but there is space between them. this isnt a photoshop problem. is there a way i can get them together? please see http://geocities.com/stuartlittle13/home5.html to see my example any help would be greatly appreciated stu Hello, I've got a code I'm working on where you type in the 'URL' you want, and then it will go to it. Now this is not a normal URL. Say, If someone wants to go to http://www.google.com When they type in 'www.google.com' in the box and click go, it takes them to 'http://www.mlvb.net/www.google.com' So basically. I need a code to add the input data onto the end of a URL. Make sense? Here is what I have so far: HTML Code: <form> Unlocked URL: <input type="text" name="website"> </form> <a href="http://www.mlvb.net/">GO</a> I don't know how to go any further than that. Any help would be appreciated Cheers -Matt I have an ebay store and i want to make it custom but i'm too much of a noob to figure it out.I basically want the html code from http://stores.ebay.com/iCollected I need the part in the middle where it shows "all items" and the list of items below it.Is there anyway this can be done easily?I can do the rest but i just need that code.If anyone can help i would greatly appreciate it Ok so I have my own computer business and have been working on the website for weeks and found a great css profile and just gave up on my orginal css template, I dont know css that well and was tired of trying to get it to work, So I am having better luck (but still having trouble) with this other template I want to use I got from a hosting site.. the link is below http://www.lutchenpc.vpweb.com/ and here is my awardspace link http://www.lutchenpc.co.cc/ So how can I get the first to look like the second. I know the images to match up I just dont know how to fix it. Below is the code Im currently working on that is in my index.html . . . HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><head><title>Lutchen Computer Solutions - Home</title>
<meta name="generator" content="VistaPrint SiteBuilder v19.6">
<meta name="description" content="Lutchen Computer Solutions - Cottage Grove, MN. [url]http://www.lutchenpc.co.cc[/url]. Computers & Technology">
<meta name="keywords" content="Lutchen Computer Solutions, Computers & Technology, Cottage Grove, MN">
<link rel="Home" href="Index.html" title="Home">
<link rel="First" href="Index.html" title="Home">
<link rel="Second" href="contact_us.html" title="Contact">
<link rel="Third" href="services.html" title="Services">
<link rel="Last" href="links.html" title="Links">
<script type="text/javascript" src="/vp/js-lib/customersites/common/vp.js"></script>
<link rel="stylesheet" type="text/css" href="/vp/css/customersites/common_published.css">
<style>a.userlink {
color: #0000e5;
}
a.userlink:visited {
color: #9644ed;
}
a.userlink:hover {
color: #FFFFFF;
}
font[size="1"] { font-size:10px; }
font[size="2"] { font-size:13px; }
font[size="3"] { font-size:16px; }
font[size="4"] { font-size:18px; }
font[size="5"] { font-size:24px; }
font[size="6"] { font-size:32px; }
font[size="7"] { font-size:48px; }
</style>
<!--[if IE]>
<style>
ul
{
margin-left:1.5em;
padding-left:0;
}
ol
{
margin-left:2em;
padding-left:0;
}
@media print
{
img.userContentCellBackground { display: none; }
}
</style>
<![endif]--></head>
<body onload="preloadImages(['nav-0-H.png?u=633722874585655000','nav-1-H.png?u=633722874585655000','nav-2-H.png?u=633722874585655000']);fixPngImages();" style="font-family: Arial; color: #5482a4; font-size: 13px; font-style: normal; font-weight: normal; ;background-color: #1AA986;background-image: url(theme_6431.png?u=633722874585655000);background-repeat: repeat-x"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td align="center"><div style="position:relative; text-align:left; width:776px;"><table cellpadding="0" cellspacing="0" border="0"><tr height="306"><td colspan="3"><a href="Index.html"><img src="bg-1.jpeg?u=633722874585655000" width="776" height="306" alt="Lutchen Computer Solutions - http://www.lutchenpc.co.cc" galleryimg="no"></a></td>
</tr>
<tr height="145" id="midrow"><td valign="top" width="230" background="bg-3a.png?u=633722874585655000"><div style="position: relative; z-index: 21; width:230px"><img src="bg-2a.png?u=633722874585655000" width="230" height="135" galleryimg="no" style="position: absolute; top: 0px; left: 0px; z-index: -2"><a href="Index.html"><img src="nav-0-S.png?u=633722874585655000" width="150" height="25" galleryimg="no" style="border: none; position: absolute; left: 25px; top: -31px; width: 150px; height: 25px; z-index: 25;"></a>
<a href="services.html"><img src="nav-1-I.png?u=633722874585655000" width="150" height="25" galleryimg="no" onmouseover="this.src = 'nav-1-H.png?u=633722874585655000';" onmouseout="this.src = 'nav-1-I.png?u=633722874585655000';" style="border: none; position: absolute; left: 25px; top: -1px; width: 150px; height: 25px; z-index: 25;"></a>
<a href="contact_us.html"><img src="nav-2-I.png?u=633722874585655000" width="150" height="25" galleryimg="no" onmouseover="this.src = 'nav-2-H.png?u=633722874585655000';" onmouseout="this.src = 'nav-2-I.png?u=633722874585655000';" style="border: none; position: absolute; left: 25px; top: 29px; width: 150px; height: 25px; z-index: 25;"></a>
<a href="links.html"><img src="nav-3-I.png?u=633722874585655000" width="150" height="25" galleryimg="no" onmouseover="this.src = 'nav-3-H.png?u=633722874585655000';" onmouseout="this.src = 'nav-3-I.png?u=633722874585655000';" style="border: none; position: absolute; left: 25px; top: -1px; width: 150px; height: 25px; z-index: 25;"></a>
</div>
</td>
<td valign="top" width="500" background="bg-3b.png?u=633722874585655000" class="userContentCell"><div style="position: relative; z-index: 20; width:500px"><img src="bg-2b.png?u=633722874585655000" width="500" height="135" galleryimg="no" class="userContentCellBackground" style="position: absolute; top: 0px; left: 0px; z-index: -2"><table cellpadding="0" cellspacing="0" border="0" id="tabcolumn-1" style="width: 100%; margin-bottom: 15px"><tr><td><div id="column-1" usermodifiable="true" style="font-family: Arial;font-size: 13px;color: #5482a4;font-weight: normal;font-style: normal;width: 100%"><font size="2"><div id="ctrl-470644"><font face="Verdana" size="5" color="#2a638e"><b>Expert Computer Service - Wherever You Need It!</b></font></div><div id="ctrl-470646"><br></div><div id="ctrl-470648">Whether your personal laptop just crashed or you need to configure a small business network, Lutchen Computer Solutions can help. Our team of certified technical professionals can be at your service almost immediately. Bring your system to our place or we'll come to you!</div><div id="ctrl-470649"><br></div><div id="ctrl-470651"><font face="Verdana" size="4" color="#2a638e">We specialize in:</font></div><div id="ctrl-470652"><br></div><ul><li>Repairs</li><li>Upgrades</li><li>Networking</li><li>Emergencies</li><li>System Set-Up</li><li>Virus Detection and Recovery</li><li>Security and Performance</li><li>Hardware/Software Sales</li></ul><div id="ctrl-470663"><br></div><div id="ctrl-470665">With technology getting more and more advanced, you need a reliable computer service partner you can trust. Lutchen Computer Solutions would be pleased to be your technology partner. </div><div id="ctrl-470666"><br></div><div id="ctrl-470668"><font face="Verdana" size="4" color="#2a638e"><i>Please call us today for a quote! Ask about our FREE Performance Analysis.</i></font></div><div id="ctrl-470670"><br></div></font>
</div>
</td>
</tr>
</table>
</div>
</td>
<td valign="top" width="46" background="bg-3c.png?u=633722874585655000"><div style="position: relative; z-index: 19; width:46px"><img src="bg-2c.png?u=633722874585655000" width="46" height="135" galleryimg="no" style="position: absolute; top: 0px; left: 0px; z-index: -2"></div>
</td>
</tr>
<tr height="149"><td colspan="3"><div style="position: relative;"><img src="bg-4a.png?u=633722874585655000" width="230" height="10" galleryimg="no" style="position: absolute; top: -10px; left: 0px"><img src="bg-4b.png?u=633722874585655000" width="500" height="10" galleryimg="no" style="position: absolute; top: -10px; left: 230px"><img src="bg-4c.png?u=633722874585655000" width="46" height="10" galleryimg="no" style="position: absolute; top: -10px; left: 730px"><img src="bg-5.jpeg?u=633722874585655000" width="776" height="149" galleryimg="no"></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
I am making progress I just dont understand why not all my images are xed out? i am racking my brain trying to figure out why there is a space going through the middle of my html picture here. I have no cell padding, no borders and all the pictures are the same height and width. Can someone please help? here is the link where it is posted: http://www.facebook.com/pages/Brisba...app_4949752878 here is the code (as you can see, there is a white horizontal line right down the middle): <table border="0" cellpadding="0" cellspacing="0" width="482"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <th colspan="4" ><div align="left"><img src="http://www.volkinaffiliate.info/Gingersport/top.jpg" border="0" width="528" height="251"/></div></th> </tr> <tr> <th width="151" ><div align="left"><a href="http://gingersport.com.au/products-page/sports-equipment/ginger-sports-soccer-games-e-book/"><img src="http://www.volkinaffiliate.info/Gingersport/bottom_left.jpg" border="0" width="137" height="110"/></div></th> <td width="137"><div align="left"><a href="http://twitter.com/gingersportben"><img src="http://www.volkinaffiliate.info/Gingersport/bottom_left2.jpg" border="0" width="125" height="110"/></div></td> <td width="147"><div align="left"><a href="http://gingersport.com.au/"><img src="http://www.volkinaffiliate.info/Gingersport/bottom_right2.jpg" border="0" width="134" height="110"/></div></td> <td width="96"><div align="left"><a href="http://www.youtube.com/GingerSportSoccer"><a href="http://www.youtube.com/gingersportsoccer"><img src="http://www.volkinaffiliate.info/Gingersport/bottom_right.jpg" border="0" width="86" height="110"/></div></td> </tr> </table> HI I CREATED A WEBSITE USING FRAMES AND I USED THE DOCTYPE: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> IT ALL APPEARS FINE ON INTERNET EXPLORER 6, BUT WHEN ON INTERNET EXPLORER 7 IT APPEARS DIFFERENTLY.. AND I WAS WONDERING AM I USING THE INCORRECT DOCTYPE? SHOULD I BE USING A FRAMESET DOCTYPE? ANY HELP APPRECIATED.. THANKS IN ADVANCE JACK |
|||||||