Err

Yikes, I've pretty much got CSS, (X)HTML, and I'm learning Javascript. But it looks like I got a long road ahead of me... :s

Beucase it doesn't have a float property. If it did, the banner div will change position... and you're welcome.

Link: http://www.w3schools.com/css/css_pseudo_classes.aspYou should use that as a reference. a.main:link {color: blue;text-decoration: underline}a.main:visited {color: blue;text-decoration: underline;}a.main:hover {color: blue;text-decoration: none;} you need to apply the class property to the links like this: <a class="main" href="#">Link Text</a>

http://www.dynamicdrive.com/dynamicindex9/

I don't think they are brain washed, I think that most of them don't know about other browsers out there.

edit: sorry I just reread this thread.You want the Iframe to expand to its INSIDE contents. from what I've tried and what I know, I don't think you can, I was pretty sure that that percentage heights didn't work on Iframes. You can try and get javascript to try and reslove that problem with any luck.

I never like working with DIV's I find tables a lot more easier, anywho, your problem was that the cells needed at float property for the navigation, body and footer in the CSS. Here you go: body {border-collapse: collapse;font-family: verdana, arial, sans-serif;font-size: 11px;font-variant: small-caps;}#container {width: 100%;height: 700px;text-align: center;}#centered {width: 700px;text-align: left;margin: 10px auto 0 auto;}.banner {height: 140px;background-color: red;margin: 0;}.navigation {height: 20px;width: 500px;margin: 0;background-color: green;float: left;}.pageBody {height: 360px;width: 500px;margin: 0;background-color: blue;float: left;}.newsDev {width: 200px;height: 380px;margin: 0;background-color: yellow;float: right;}.footer {width: 700px;height: 125px;margin: 0;background-color: black;border-top: 1px solid white;float: right;}

We don't know what your problem is unless you explain it to us. Make sure you don't have your master volume on mute or the volume on the player really low.

umm... maybe this? <script type="text/javascript">function handleError(URL, message, URI, line) {document.location.replace("JavascriptError.htm?" + message + "," + URI + "," + line);return true;}document.onerror = handleError;</script>

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.