Digiplay

Hi, I am trying to make a menu bar where when you click on a link it gives you more options. There is a problem though. When I click on a link it gives me more options but the only problem is when I click on another link the options from the first link stay there and more appear. How can I get it so when you click on link 2 it only shows the options from link 2 and the first options dissapear. Code - <A HREF="java script:document.getElementById('1').style.display='block'; void(0);">Link 1</A> · <A HREF="java script:document.getElementById('2').style.display='block'; void(0);">Link 2</A> <BR> <div id="1" align="center" style="display:none;">Link 1 Options</div> <div id="2" align="center" style="display:none;">Link 2 Options</div></font></div>

What would the codes be if I wanted to make text (Eg. >) appear before a link when someone mouses over it? I assume this would be using CSS.

Hi guys how would I get the middle section to stay in the middle with the test text not making any differents to the center section of the page ? - <!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> <style type="text/css"> <!-- body { background-image: url(img/fade.png); background-repeat: repeat-x; } --> </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>.:: Pro Devs ::.</title> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> </style> </head> <body bgcolor="#ffffff" bottommargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0" topmargin="10"> <TABLE WIDTH="640" HEIGHT="100" BACKGROUND="IMG/bar.png" align="center"> <TR> <TD> </TR> </TD> </TABLE> <TABLE WIDTH="AUTO" align="center"> <TR> <TD> <div align="center"></div> <ul id="MenuBar1" class="MenuBarHorizontal"> <li> <div align="center"><a href="index.html" class="style7"><strong>Home</strong></a> </div> </li> <li> <div align="center"><a href="about.html" class="style7"><strong>About</strong></a> </div> </li> <li> <div align="center" class="style7"> <div align="center"><a href="portfolio.html"><strong>Portfolio</strong></a></div> </div> </li> <li> <div align="center" class="style7"> <div align="center"><a href="prices.html"><strong>Prices</strong></a></div> </div> </li> <li> <div align="center"><a href="contact.html" class="style7"><STRONG>Contact Us</STRONG></a> </div> </li> </ul> <div align="center"></div> <BR> <BR> <div align="center"></div> </TR> </TD> </TABLE> <TABLE WIDTH="AUTO" ALIGN="LEFT"> <TR VALIGN="TOP"> <TD ALIGN="LEFT"> TEST <BR> TEST <BR> </TR> </TD> </TABLE> </TABLE> </TR> </TD> <CENTER> <DIV ALIGN="CENTER"> <TABLE WIDTH="AUTO" align="CENTER"> <TR WIDTH="640"> <TD WIDTH="640"> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> <TABLE CLASS="style8" WIDTH="435" ALIGN="LEFT" style="border: 0px solid;"> <TR VALIGN="TOP" <TD ALIGN="CENTER" topmargin="0" leftmargin="0"> <script LANGUAGE="JavaScript"> <!-- Begin showImage(); // End --> </script> </TR> </TD> <TR VALIGN="TOP"> <TD ALIGN="LEFT" class="style8"> <BR> <span class="style7"><span class="style12"><U> Welcome To Pro Devs</U></span> <BR> <span class="style14"><BR> Pro Devs is a fully certified professional website design agency. With over 5 years of website design experience <BR> we are the ultimate network for website design and developments. With some of the lowest prices on the web.</span></span><span class="style14"> </span> </TR> </TD>

Cheers mate

Hi, How would I have a table border for just the right side of the table? Thanks

Hi guys, I'm having a slight problem with the random image javascript codes. Is there any way to change the width and height of the image? Here is the code - <HEAD> <script LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin // Set up the image files to be used. var theImages = new Array() // do not change this // To add more image files, continue with the // pattern below, adding to the array. theImages[0] = 'img/1.png' theImages[1] = 'img/2.png' theImages[2] = 'img/3.png' theImages[3] = 'img/4.png' theImages[4] = 'img/5.png' theImages[5] = 'img/6.png' // do not edit anything below this line var j = 0 var p = theImages.length; var preBuffer = new Array() for (i = 0; i < p; i++){ preBuffer[i] = new Image() preBuffer[i].src = theImages[i] } var whichImage = Math.round(Math.random()*(p-1)); function showImage(){ document.write('<img src="'+theImages[whichImage]+'">'); } // End --> </script> <HEAD> <BODY> <script LANGUAGE="JavaScript"> <!-- Begin showImage(); // End --> </script>

cheers mate

Hi guys, Does anyone know how to put a shadow on a table?

Thanks so much, you're a legend!

Ahh I've found an example - http://www.cssplay.co.uk/menus/ if you click on a page on the top menu it will change color as you mouse over it. But when you are on a page - eg. Demos the page doesn't mousover but instead it is different to the other pages in the menu bar. How would I get that?

Wow thanks so much

Hi guys, Please can someone give me just a very basic HTML and CSS drop down menu code? Just with like 2 options or somthing will be great. Thanks,

Yeh thanks for the help, but I already know how to do that, I need somthing which will change the color of the menu bar when you are on that page, if you get what I mean

Oh, cool, But one thing that I don't understand on divs is how you align them to differnet pars and things like that

Sorry man, I don't quite follow you, du have the codes?