|
HTML - Positioning Pop-up Window?
How can I make a small pop up window show the middle of a webpage?
Similar TutorialsHi all, I am wondering if anyone know how to have a link, once clicked, open a popup window WHILE also changing the page in the existing window. I know how to code them separately, but I do not know how to combine the two actions. HTML Code: <A HREF="javascript:popUp('popup.html')">link name</A>
My site currently uses the above code to open popup windows. Any help would be much appreciated, David Here is the case. I have an HTML page that opens a pop-up. Within the popup I need upon click to open a new window. The code is as it should be according to all references: <a href="some url" target="_blank">text</a> Everything is ok with IE6 and IE7 - a new window is being opened. What happens in Firefox is very strange - tabs are shown and the currently opened popup becomes one of the tabs and the new window opens in a new tab of the pop-up window instead in a new normal window. Did anybody encounter the same problem? Any solutions? Hi all, I have two html file (first.html and second.html) i called the first.html from batch Command file, then the batch file calls the second.html file. what i want is that while loading the second.html it will close the first.html using script. If its a parent then i can use top.close() or parent.close() but its not a parent window. Here no parent file. please help me to do this. Thanks Jay I have constructed an html window within a window thusly: <object type="text/html" data="x/FE-000-EN.html" style="width:460px; height:800px; margin-left:20px;" width="24" height="24"></object> on the same page outside of that window I would like to place buttons which change the content of the window within a window. I use a basic hyperlink button, to click this link below and change the content of the window above I...? <a href="001.htm">001</a><font color="#FFFFFF">: S.S.H.U.T.</font><br> Thanks for your assistance =) You may view the complete site here if needed: http://fragmentearth.netfirms.com/ Hi, I have a java script function like this to open one child window form main window. Its working properly. function billingMain() { top.consoleRef=window.open('#{facesContext.externa lContext.requestContextPath}/main/billing/billingMain.jsf','window1', 'width=950,height=400' +',menubar=0' +',toolbar=0' +',status=0' +',scrollbars=1' +',resizable=0' +',location=0') top.consoleRef.document.close() } But when my child window opened, i want to open another child window from previous child window. and here is the script follows for this, function UB92Main() { top.consoleRef=window.open('#{facesContext.externa lContext.requestContextPath}/main/billing/claimInformation.jsf','UB92', 'width=450,height=250' +',menubar=0' +',toolbar=0' +',status=0' +',scrollbars=1' +',resizable=0' +',location=0') top.consoleRef.document.close() } here the second child window is not opening. How to resolve this. Thanks, Vinutha. You can view my site at www.palermostaging.com. It appears fine in IE but in firefox, the alignment is thrown off a little, I think the orange column is too tall. How can I fix this without changing the text size or placement? Any suggestions are appreciated, source is viewable on the page. Thanks, Anders I believe this is a HTML problem: Old site: http://www.ardmoreweatherlive.com/ . Old site CSS: http://www.ardmoreweatherlive.com/weather-screen.css New site: http://www.ardmoreweatherlive.com/test3.php New CSS: http://www.ardmoreweatherlive.com/weather-screen2.css I am trying to get rid of the old left side menu and maybe get the page to float in the center with, I think padding(?) around the edges. I really thank everyone for the help, Doug Hi, I can't seem to get these images to center after using position:fixed on them. Here's the code I have: Code: <html> <head> </head> <body> <div style="position: fixed; top: 0px;"> <img src="top.jpg"> </div> <div align="center"> <table width="1025" bgcolor="gray"> <tr> <td> <middle text> </td> </tr> </table> </div> <div style="position: fixed; bottom: 0px;"> <center><img src="bottom.jpg"></center> </div> </body> </html> Thanks for all your help I am making great progress thanks to you all. Here I've posted a picture of my current dilemma. Hopefully it makes sense. http://www.trillionaireme.com Hi, Would some be able to help me with the layout of my page? I want it to look like this and this is what it looks like now. I don't want to do it using borders but I can't seem to figure it out using positioning. Anyone able to help? CSS Page Regards, Darren Hey! This is my first post here btw. I want to ask silly thing: I need to make a simple POP UP window as link from an image. Can any1 explain me this thing, using easy words, please don't give me links to other websites, I've been everywhere cheers, ne3ga Hey i need a bit of help, how do i have a thumbnail link to a new page and have it pop up smaller then the original window? There is this website and she shows her art in a thumbnail and then when you click on it, it gives a description of the images along with the image in a pop up window. Does anyone have the code to do this? here is a link to one of them: http://glowstickdog.com/images/portfolio/im_you.php How do you create a link for a new window to pop up, and have it be smaller then the original window? I have the window, i just need a link to make it pop up in a smaller size. Thanks Hello, and thank you for granting me access to such a wonderfull Forum. Well here goes .... I have a code snippet which happens to be an affiliate banner. Once inserted into the web site code it is effective however: when clicked from a viewers perspective it engages as a 'pop-up' opposed to a new window (which is what i need). I am not yet wise in the ways of html yet but have just chosen 'blank' in DW to set that on other objects. This does not give me that option though - Im sure its just a matter of inserting target="_blank" somewhere, but I cannot figure out where. Can someone please tell me how to fiddle with this code to make it open in a new window instead of a pop-up? : <div class="style33" id="idALTxCOMxxJOINxFORxFREExx" style="position:absolute; top:2095px; left:140px; width:728px; height:90px; z-index: 0;"> <object name="cm728doschicas" id="cm728doschicas" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="728" height="90"> <param name="allowscriptaccess" value="always" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <param name="wmode" value="transparent" /> <param name="movie" value=http://banners.alt.com/banners/alt/27066/cm728doschicas.swf?go_url=http://alt.com/go/g1003239-ppc /><param name="quality" value="high" /> <embed name="15671_27066_175x131_01" src=http://banners.alt.com/banners/alt/27066/cm728doschicas.swf?go_url=http://alt.com/go/g1003239-ppc quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="728" height="90"></embed> </object> <script language="javascript"> document.cm728doschicas.SetVariable('go_url', 'http://alt.com/go/g1003239-ppc'); </script> </div> Thank you so much hi there, does anyone know if you can open a new window in an already opened window? i need this to be done on my website, a script would be superb as i can't seem to find any online! many thanks Hi! I'm having trouble positioning the footer <div> on my webpage, containing links to my counter and guestbook. I want it to go at the bottom center of the page without overlapping on any of the other <div>s, meaning that if it doesn't fit on the webpage (which it doesn't), you have to scroll down to see it. Here's my webpage: http://www.geocities.com/serenamonster/map.html The footer div displays fine in IE, but displays incorrectly in Firefox: it's smack in the center of the page, instead of the bottom, and I don't know how to fix it. Here's the relevant coding (I think...I'm really n00by so I can't be sure.) I had to use CSS because that's the only way I could stretch the background image to 100% without tiling. Here goes: -------------------------------------------------- <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } img#bg { position:fixed; top:0; left:0; width:100%; height:100%; } #footer { position:relative; } #menu { position:relative; z-index:2 } #box { position:relative z-index:4 } #intro { position:relative; z-index:1 } </style> <!--[if IE 6]> <!--[if IE 6]> <style type="text/css"> html { overflow-y: hidden; } body { overflow-y: auto; } #bg { position:absolute; z-index:-1; } #menu { position:static; } #box { position:relative; } #intro { position:static; } #footer { position:static; } </style> <![endif]--> ...... <div id=footer style:"position:relative"; align="center";> blah blah content </align> </div> --------------------------------------- Can someone please tell me what I'm doing wrong? Thanks a bunch! Hello Everyone, I 'm trying to place a total of sixteen rectangles along the edges of my webpage. I was able to do it in firefox but not IE. In IE the last rectangle does not line up with the other rectangles to its left and right. Please take a look at my code below to see where the problem lies. Thank you in advance for your help. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Welcome</title> <style> body{text-align:center; } #container{ width:800px; margin: 0 auto; height:900px; background-image:url(""); background-repeat:no-repeat; } table{border-style:dashed;border-color:black} </style> </head> <body> <div id="container"> <!Left> <div style="float:left;"> <table width="200" height="150" style="border-width:3px 3px 0px 3px" > <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px"> <tr> <td> </td> </tr> </table> </div> <!Top1> <div style="float:left;width:200px;height: 150px;"> <table width="200" height=" 150" style="border-width:3px 3px 3px 0px"> <tr> <td> </td> </tr> </table> </div> <!Top2> <div style="float:left;width:200px;height: 150px;"> <table width="200" height="150" style="border-width:3px 0px 3px 0px"> <tr> <td> </td> </tr> </table> </div> <!Right> <div style="position:relative;float:right;top:0px;width:200px"> <table width="200" height="150" style="border-width:3px 3px 0px 3px" > <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px 3px 0px 3px"> <tr> <td> </td> </tr> </table> <table width="200" height="150" style="border-width:3px"> <tr> <td> </td> </tr> </table> </div> <!Bottom1> <div style="position:relative;float:left;width:200px;height:150px;top:600px;"> <table width="200" height=" 150" style="border-width:3px 3px 3px 0px"> <tr> <td> </td> </tr> </table> </div> <!Bottom2> <div style="position:relative;float:right;width:200px;height:150px;top:600px;"> <table width="200" height="150" style="border-width:3px 0px 3px 0px"> <tr> <td> </td> </tr> </table> </div> </div> </body> </html> 1st i would like to say thank you to all those who have helped me over the last 10 days or so, i know ive really been annoying considering some posts were i suppose unnecessary, so i apologize... 2nd this will be my last annoying post for a while once i get this done im pretty much getting ready to go public after a few updates as far as text material... so heres the issue... im using this code below... now what im trying to do is overlay my image so it appears in the center of the other image but using top: 70px; left 275: px; its not going to be the same depending on how big your screen is and how big your explorer window is set to... so im wondering does any1 know anyway i can get that image to appear dead center regardless of user screen size? <center> <img src = "Best-1.gif" style="position: absolute; top: 70px; left: 275px; "> <img src="banner-top.JPG" width="100%" height="150" /> </center> you can see the results on http://www.freewebs.com/fallingrain11/22.html Hey guys. I have been racking my brain for days now and I cannot find a solution. What I need to do is the following: The position of the entire bar (navigation, title, title background, and flash) needs to be about 200px down in the document or about 30%. In that 200px above the bar, I want to run a <td> that runs a pattern. I need both of those things done so that the alignment of the bar items stay the same. Here is the test link: http://www.diversionguild.com/test/ Here is the link to the CSS: http://www.diversionguild.com/test/style.css That should give you everything you that you would need documentation wise. Thanks for your help and guidance. |
|||||||