Err

thanks i like it too . glad i can be of some help.

I See what you mean, that Confirm box helped out.I got it to do extactly what I wanted it to do, but I've come across yet another problem. I had serveral lines of Javascript code in the original Javascript that I was using (For the different types of browsers). Now I can't get the code to work whenever I add it back to the original. Once again, I edited the other Javascript codes so users of different browsers can get the same message as in the firefox one. However whenever I add it back into the code, the javascript completly stops working. I know there has to be a work around for this, I'm not advanced enough in this language to fully understand what is going on.The below code is the FULL javascript that I want to use. May I add that I want all this code to be under one javascript tag, not serveral. if (navigator.userAgent.indexOf("Firefox")!=-1 && (confirm ("Firefox user, you need Internet Explorer to view this page correctly! \n \n Click OK to download it, otherwise click Cancel to continue.")) )window.location="http://www.microsoft.com/"if(navigator.appName == "WebTV") && (confirm ("WebTV user, you need Internet Explorer to view this page correctly! \n \n Click OK to download it, otherwise click Cancel to continue.")) )window.location="http://www.microsoft.com/"if (navigator.userAgent.indexOf("Netscape")!=-1) && (confirm ("Netscape user, you need Internet Explorer to view this page correctly! \n \n Click OK to download it, otherwise click Cancel to continue.")) )window.location="http://www.microsoft.com/"if (navigator.userAgent.indexOf("Opera")!=-1) && (confirm ("Opera user, you need Internet Explorer to view this page correctly! \n \n Click OK to download it, otherwise click Cancel to continue.")) )window.location="http://www.microsoft.com/" If someone can PLEASE help me put this code together somehow so it can work on those selected browsers. I would REALLY appreciate it! Thanks!

yup! I forgot to add that in there.

Link: http://www.dynamicdrive.com/dynamicindex5/linkinfo.htmandLink: http://www.dynamicdrive.com/dynamicindex5/linkinfo2.htmThose links can help you do that.

yeah that back text and white BG is kind of dull . I got the UltraEdit-32 text editor, I've already got attachted to it.

You can test out the page you are making without having to upload the page to a server, so you CAN do it from your destop. But if are doing that, then images that are linked relative will not show up on that page .

Well I acomplished the impossible. It took me about 2 hours to figure it out but I did it! (Not too bad for a person that hasn't taken a single Javascript class).Thanks johnmendel for that bit of help. But I don't like the 'function' keyword because I'll have to add it to an object to activate that javascript. I'm still curious with your message. What do you mean that I'm using a limited object? Am I not using right javascript? :S <script type="text/javascript"> if (navigator.userAgent.indexOf("Firefox")!=-1 && (confirm ("Firefox user, you need Internet Explorer to view this page correctly! \n \n Click OK to download it, otherwise click Cancel to continue.")) ) window.location="http://www.microsoft.com/"</script>

The Positions were fixed, that was causing the problem in other browsers. I removed it, and fixed the background declorations. /* THIS IS THE CASCADING STYLESHEET FOR REVYMAKARNA.SE */body {background-color: #000000;margin: 0px;padding: 0px;color: #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;}/* SOME DEFINITIONS FOR UNDERSTANDING PURPOSECTL = Curtain Top LeftCTM = Curtain Top MiddleCTR = Curtain Top RightCCL = Curtain Center LeftCCR = Curtain Center Right*/div#CTL {position: absolute;top: 0px;left: 0px;width: 138px;height: 220px;z-index: auto;background: #000000 url(http://www.revymakarna.se/v2/imgs/ctl.jpg) repeat-y;}#CTM {position: absolute;top: 0px;left: 138px;width: 744px;height: 138px;z-index: auto;background: #000000 url(http://www.revymakarna.se/v2/imgs/ctm.jpg) repeat-x;}#CTR {position: absolute;top: 0px;left: 882px;width: 138px;height: 220px;z-index: auto;background: #000000 url(http://www.revymakarna.se/v2/imgs/ctr.jpg) repeat-y;}#CCL {position: absolute;top: 220px;left: 0px;width: 138px;height: 376px;z-index: auto;background: #000000 url(http://www.revymakarna.se/v2/imgs/ccl.jpg) no-repeat;}#CCR {position: absolute;top: 220px;left: 882px;width: 138px;height: 376px;z-index: auto;background: #000000 url(http://www.revymakarna.se/v2/imgs/ccr.jpg) no-repeat;}#menu {position: absolute;top: 145px;left: 140px;width: 740px;height: 20px;z-index: auto;background-color: #222222;}#main {position: absolute;top: 166px;left: 140px;width: 740px;height: 420px;z-index: auto;background-color: #ffffdd;}

Hello. I'm new to javascript and I'm in the process of learning more about it. I've found a javascript I want to use it on a web page. This Javascript detects any other browser version that is not IE, and tells the user that. Here is the code: <script type="text/javascript">if (navigator.userAgent.indexOf("Firefox")!=-1)alert("Firefox user, you need Internet Explorer to view this page correctly!");</script> However, I want to add an OK and Cancel buttons in the alert box (instead of just an OK button). The OK to redirect the user to another page, and the Cancel to close the Alert box... Is this possible? I've been playing with it for a while now, to see if I could do it myself, but I couldn't Can someone please help me. I hope it's not too much to ask.so far I've tried this: <script type="text/javascript"> if (navigator.userAgent.indexOf("Firefox")!=-1){ alert("Firefox user, you need Internet Explorer to view this page correctly!"); window.location="http://www.google.com"} else window.location="http://www.w3schools.com"</script>

replace "yourmovie.avi" with the URL you are going to use. you can adjust the width and height accordingly too. <EMBED type="application/x-mplayer2" src="yourmovie.avi"pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="mediaPlayer" name="mediaPlayer" bgcolor="#000000" showcontrols="true" showdisplay="0" showstatusbar="0" width="310" height="213" autostart="true" loop="false"></EMBED>

Sure thing

After playing around with it, I figured out it was the image itself. Apearrently IE doesn't like .png images. GIF's worked great though.here you go: edited - Removed image

It would help if you posted all of your HTML here from that page, so people can help you more effectively. or a link is fine.

The problem is that you are using the table cells as a whole and as a result everything you add in the middle cell moves the left and right cells down also.This should get you out of that problem: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">/*Controls default text colors*/html, body { color: black;}/*Controls Header Cell*/.header { text-align: center;}/*Controls the left "table"*/.boxes { padding: 10px; border: 1px solid black; background-color: #5E5E5E; width: 100%;}/*Controls right "table"*/.imagebox { border: 0px; padding: 10px; background-color: #5E5E5E; width: 100%;}/*Controls the middle "table"*/.content { vertical-align: top; padding: 10px; border: 1px solid black; background-color: #5E5E5E;}/*Controls Left and Right Cells*/.cellwidth { width: 120px; vertical-align: top;}/*Controls the middle "Cell"*/.contentwidth { veritcal-align: top;}a:link { text-decoration: underline; color: #ffffff; font-weight:bolder;}a:visited { text-decoration: underline; color: #ffffff; font-weight:bolder;}a:hover { text-decoration: underline; color: #999999;}a:active { text-decoration: underline; color: #999999; font-weight:bolder;}</style> </head><body><table> <tr> <td class="header" colspan="3"> Header Image </td> </tr> <tr colspan="3"> <td class="cellwidth"> <table class="boxes"> <tr> <td> <p><a href="#">Link 1</a></p> <p><a href="#">Link 2</a></p> <p><a href="#">Link 3</a></p> <p><a href="#">Link 4</a></p> <p><a href="#">Link 5</a></p> <p><a href="#">Link 6</a></p> <p><a href="#">Link 7</a></p> </td> </tr> </table> </td> <td class="contentwidth"> <table class="content"> <tr> <td> <p align="justify">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec id sem ut libero scelerisque dictum. Suspendisse molestie venenatis turpis. In pellentesque. Vivamus suscipit. Fusce at justo in sem tristique tempor. Mauris sit amet metus. Fusce accumsan metus eget quam. Mauris dapibus dictum justo. Mauris neque metus, sodales ut, luctus non, ullamcorper eu, ante. Nulla pede. Ut tincidunt facilisis est. Ut cursus dignissim orci. </p> <p align="justify">O fortuna, velut luna statu variabilis, semper crescis aut descrescis; vita detestabilis nunc obdurat et tunc curatludo mentis aciem, egestatem, potestatem dissolvit ut glaciem. </p> <p align="justify">Nunc tellus erat, venenatis sit amet, malesuada luctus, cursus sit amet, erat. Suspendisse tortor ligula, facilisis id, molestie facilisis, consectetuer sit amet, erat. Nunc quis quam a turpis volutpat consectetuer. Praesent quis ipsum. Cras risus. Pellentesque mauris nulla, lacinia id, laoreet non, gravida at, lorem. Aliquam egestas. Curabitur vel nibh. Fusce ut dolor. Curabitur imperdiet mollis nunc. Donec tellus diam, sollicitudin eu, mollis semper, condimentum vitae, velit. Quisque ut lacus in lectus sodales fringilla. Integer eu purus. Aliquam mauris sem, porta at, dignissim non, aliquam ac, lectus. Etiam id lorem. Integer sed nisi. Aenean ut ligula.</p> </td> </tr> </table> </td> <td class="cellwidth"> <table class="imagebox"> <tr> <td> <img src="" alt="" style="height:80px; width:60px;"><br> <img src="" alt="" style="height:80px; width:60px;"> </td> </tr> </table> </td> </tr></table></body></html>

Have you tried using Tables? It could help reslove that issue. Just a thought

well that's good to know. But I'm sticking with tables for simplitys sake, DIV's are hard as heck.

I used the old fashion Notepad when did everyone start moving up?

Right-click on the image and click on "Copy Image Location" it should copy the URL of the object. Works with links for that matter also. Have fun leeching

I do something wrong?

Something like this?<html><head><style type="text/css">div { border: 1px solid black; text-align: center;}#bdy { width:770px;}#header { height:100px; width:100%;}#navbar { height: 130px; width: 150px; display: inline;}#navbar2 { height: 130px; width: 150px; display: inline;}#content { width: 466px; height: 130px; display: inline;}#maindiv { width: 100%; height: 130px;}</style></head><body><div id="bdy"><div id="header">Top Content</div><div id="maindiv"><div id="navbar">Left Content</div><div id="content">Main Content</div><div id="navbar2">Right Content</div></div></div></body></html> I could not get the height and width to work on firefox, it perhaps has to deal with the display being inline... I don't know. But you can add content in and perhaps adjust it accordingly.

If you rule images out of the question then you can't, just switch the font to one that most people have (e.g. Lucida Console).

Have you tried tables? It would simplify things. <style type="text/css">.maintable { width: 100%;}.topcell { text-align: center; font-size: 20px;}.middlecell { width: 73%;}.bottomheight { height: 200px;}</style><table border="1" class="maintable"> <tr> <td colspan="3" class="topcell"> Header Content Table </td> </tr> <tr class="bottomheight"> <td> Content Left </td> <td class="middlecell"> Content Middle </td> <td> Content Right </td> </tr></table>

I agree with the poster. You guys should make links, LOOK like links, I'm very angred by the fact that I can't even see links whenever I need to see them. It makes helping other people very diffulcult. Please do change it to a blue link, with an underline... or whatever, just make it noticable PLEASE. Thanks.

<style type="text/css">div { height: 500px;}</style><div>Div Content</div> OR <div style="height: 500px;">Div Content</div>

That diffenitly will not work. It only works if you assign a class or ID to that peticualr table that you don't want appear. EX:<style type="text/css">.noprint { visibility: collapse; display: none;}</style><table class="noprint"> <tr> <td>This table will not show. </td> </tr></table> If you don't want a table to appear try using the CSS I used, it should work. Okay, frist off, just to be clear "style" is what you use to start the CSS styles unless you are externaly linking them..stylethe period is used for Classes.#stylethe Pound or Number symbol is used for ID's. However they should not be used more then once for applying the same styles to objects. That is what classes are for. Hope that cleared up some cunfusion