|
HTML - Opening A Page In A Same Browser Window
Hello,
I want to open a html page in a same browser window with fullscreen mode. I tried following code: window.open("hello.html","_self","fullscreen,scrollbars") However if I use _self, I did not get page in fullscreen mode. Any help is really appreciated. Regards, John Similar TutorialsHello I'm now well on my way to making my first website from html code. Please could someone give me the examples of: 1) Opening a link in current tab 2) Opening a link in new tab 3) Opening a link in a new window Hello; I am a graphic designer that codes pages quick and dirty entirely with tables. The one I am currently working on needs to be centered in all browser windows at all sizes. I understand that this shouldn't be hard, however everything that I have tried so far hasn't worked. My thoughts are that since it is built entirely in tables (with a java search tool) that I need to make a centered container and place the entire page inside of it. I have tried a few codes I've pulled from other forums with no luck temporary url (and I know the code is dirty) www.showcasepublishing.com/myoutandabout Thanks in advance I have a terrible problem how to make this page resize whatever the resolution of the browser. I've already did liquid layout via percent but the height doesn't do it. They want the content to be scalable in whatever browser dimensions they want. Kindly help me. Thanks. Here is the html: Code: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Porter House New York</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/main.css" />
<script src="js/jquery.js"></script>
<script src="js/drop-down-menu.js"></script>
<!--[if IE]>
<script src="js/CreateHTML5Elements.js"></script>
<![endif]-->
<!--[if IE 6]>
<script src="js/unitpngfix.js"></script>
<![endif]-->
</head>
<body>
<header> <a href="index.html"><img src="images/logo_porter_house_new_york.png" alt="Porter House New York" class="logo" title="Porter House New York" /></a> </header>
<!-- end header -->
<nav>
<ul>
<li><a href="#" class="about" title="about">about</a>
<ul>
<li><a href="#" title="The Restaurant">The Restaurant</a></li>
<li><a href="#" title="The Chef">The Chef</a></li>
<li><a href="#" title="The Owners">The Owners</a></li>
</ul>
</li>
<li><a href="#" class="menus" title="menus">menus</a></li>
<li><a href="#" class="press" title="press">press</a></li>
<li><a href="#" class="photos" title="photos">photos</a></li>
<li><a href="#" class="private" title="private dining">private dining</a></li>
<li><a href="#" class="gift" title="gift certificates">gift certificates</a></li>
<li><a href="#" class="contact" title="contact">contact</a></li>
<li><a href="#" class="watch" title="contact">contact</a></li>
<li><a href="#" class="reserve" title="contact">contact</a></li>
</ul>
</nav>
<!-- end nav -->
<div id="content">
<div id="contentTop"> </div>
<!-- end contentTop -->
<div id="side"></div>
<!-- end side -->
<div id="main">
</div>
<!-- end main -->
<div id="contentBottom"> </div>
<!-- end contentBottom -->
</div>
<!-- end content -->
<footer>
<p>© Copyright 2007. Porter House New York. Powered by 2B-Unique.com</p>
</footer>
<!-- end footer -->
</body>
</html>
Here is the CSS: Code: /* ---------------------------------------- */
/* CSS RESETS */
/* ---------------------------------------- */
@import url('reset.css');
body {
background: #fff url(../images/bg.jpg) repeat-x center 0;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
/* ---------------------------------------- */
/* HEADER */
/* ---------------------------------------- */
header {
position: relative;
margin: 1% auto 0;
height: 20%;
width: 98%;
background: url(../images/header.png) no-repeat 0 0;
*background: url(../images/header_ie.gif) no-repeat 0 0;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
header img.logo {
margin: 3% 0 2% 3%;
height: 50%;
width: 25%;
}
/* ---------------------------------------- */
/* NAV */
/* ---------------------------------------- */
nav {
position: relative;
margin: 0 auto;
height: 28px;
width: 98%;
background: url(../images/nav.png) no-repeat 0 0;
*background: url(../images/nav_ie.gif) no-repeat 0 0;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
nav ul {
margin-left: 1.1%;
position: relative;
}
nav li {
position: relative;
float: left;
}
nav a {
display: block;
text-indent: -9999px;
height: 25px;
background: url(../images/nav_sprites.png) no-repeat 0 0;
}
nav a.about {
background-position: 0 0;
width: 73px;
}
nav a.about:hover {
background-position: 0 -25px;
}
nav a.menus {
background-position: -73px 0;
width: 85px;
}
nav a.menus:hover {
background-position: -73px -25px;
}
nav a.press {
background-position: -158px 0;
width: 83px;
}
nav a.press:hover {
background-position: -158px -25px;
}
nav a.photos {
background-position: -241px 0;
width: 98px;
}
nav a.photos:hover {
background-position: -241px -25px;
}
nav a.private {
background-position: -339px 0;
width: 145px;
}
nav a.private:hover {
background-position: -339px -25px;
}
nav a.gift {
background-position: -484px 0;
width: 166px;
}
nav a.gift:hover {
background-position: -484px -25px;
}
nav a.contact {
background-position: -650px 0;
width: 84px;
}
nav a.contact:hover {
background-position: -650px -25px;
}
nav a.watch {
background-position: -741px 0;
width: 252px;
}
nav a.watch:hover {
background-position: -741px -25px;
}
nav a.reserve {
background-position: -993px 0;
width: 121px;
}
nav a.reserve:hover {
background-position: -993px -25px;
}
nav ul ul {
position: absolute;
left: -10px;
top: 25px;
z-index: 900;
padding: 3px 0;
background-color: #ffffeb;
}
nav ul ul li {
float: none;
width: 143px;
}
nav ul ul a {
margin: 0 3px;
padding-left: 10px;
height: 16px;
width: 127px;
background: none;
color: #71462d;
font: normal 12px Tahoma;
text-indent: 0;
text-decoration: none;
text-transform: uppercase;
}
nav ul ul a:hover {
background: url(../images/submenu_hover.jpg) no-repeat 0 0;
color: #fff;
}
/* ---------------------------------------- */
/* CONTENT */
/* ---------------------------------------- */
#content {
position: relative;
margin: 0 auto;
overflow: hidden;
height: 304px;
width: 98%;
background: url(../images/content.png) repeat-y 0 0;
*background: url(../images/content_ie.gif) repeat-y 0 0;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
#contentTop {
position: absolute;
top: 0;
left: 1.05%;
z-index: 100;
background: url(../images/content_top.png) repeat-x 0 0;
*background: none;
height: 2%;
width: 97.85%;
}
#contentBottom {
position: absolute;
bottom: 0;
left: 1.05%;
z-index: 100;
background: url(../images/content_bottom.png) repeat-x 0 0;
*background: none;
height: 2%;
width: 97.75%;
}
#side {
position: relative;
float: left;
display: inline;
margin-left: 1.1%;
height: 304px;
width: 19.62%;
}
#main {
position: relative;
float: right;
display: inline;
margin-right: 1.1%;
min-height: 276px;
width: 76.07%;
padding: 28px 0 0 12px;
}
/* ---------------------------------------- */
/* FOOTER */
/* ---------------------------------------- */
footer {
position: relative;
margin: 0 auto;
width: 98%;
background: url(../images/footer.png) no-repeat 0 0;
*background: url(../images/footer_ie.gif) no-repeat 0 0;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
footer p {
margin: 20px 0 0 11px;
display: inline-block;
text-indent: -9999px;
height: 50%;
width: 40%;
background: url(../images/copyright.png) no-repeat 0 0;
background-size: 100% 100%;
-o-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
-moz-background-size: 100% 100%;
}
Hello I'm new to HTML Now straight to the point : I have a web page that looks too big when screen resolution is 1024x786 , but on the other pc (screen resolution 1280x1024 ) the same page looks too small and I have white spaces around it. I want my whole page with it's elements adapt to the browser window size and fit exactly to it ( I don't want to see that scrolling thing on the right or bottom ). You could just give me the link of the function/code I have to use. Here is my code if that helps. Code: <html>
<title>AiiT</title>
<body background="b.png" style="background-repeat:no-repeat; background-position:center center; width: 1024px;height:768px;">
<div style="background-image: url('1.png'); width:764px; height:557px; position: absolute;
top: 12%;
left: 50%;
margin-left: -382px; text-align:center;
"><div style="background-image: url('Tr.png'); background-repeat:no-repeat; position: relative; left:30px; top:30px;"><img src="Her.png" border="0" style="margin-top:10px;"><br><br>
<a href="en/"><img src="an.png" border="0"></a> <a href="lt/"><img src="li.png" border="0"></a><br><br><img src="Logo.png" border=0"></div></div>
</body>
</html>
Help appreciated. Hi im aware how to fit the width of a page so it fills the browser window but im curious on how to set the height of the page? the width works perfectly and just the height im stuck with hello, I'm an HTML novice who designed/maintains my own site without any expertise at all. One problem I can't seem to figure out: When the browser window is sized more narrowly than the content on the page, the table sections get shoved down underneath one another. Most sites I see don't do that -- when the browser window narrows, the site content stays in place. Any insight about what my error is? You can check out the problem at www.adamgwon.com. Thanks much. heya guys i want to open a webpage in a new window when i click on a hotspot. can anyone tell me what i need to do? frosty how can i make the open a new window code work as it is in this include file: <div id="footer"> <img src="images/footer.jpg" alt="" width="998" height="45" border="0" usemap="#footer" /> <map name="footer" id="Map2"> <area shape="rect" coords="0,0,162,45"href="http://www.myspace.com/spittinknowledge" alt="myspace" /> <area shape="rect" coords="184,0,308,45" href="affiliates.shtml" alt="affiliates" /> <area shape="rect" coords="328,0,482,45" href="#" onclick="MyWindow=window.open('webmaster.shtml','Contact Spittin-knowledge.com webmaster','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes, width=525,height=560'); return false;"></a> alt="webmaster" /> <area shape="rect" coords="501,0,655,45" href="disclaimer.shtml" alt="disclaimer" /> <area shape="rect" coords="672,0,998,45" href="#top"/> </map> </div><!-- end of nav --> I created a page with a chromeless window. Clicking on 'enter' on the index page will open the homepage in a chromeless window. However, whenever you click enter on the index page, the index page itself is also loading the homepage. (so it's double, one on the index page and one in a chromeless window). How can I get it to stop, so that it only loads a chromeless window and the index page stays the same? I used the chromeless window codes from the following page: http://www.lissaexplains.com/javascript9.shtml I have a link on my website that opens up a new window, and that new window opens up and is resized to be smaller at 400X300. It works just fine on Internet Explorer and Safari, but when it's in Firefox the new window opens up on a separate tab in the same browser window and causes the whole window to resize to 400X300. Is there a way to fix this? Like is there a better coding to make sure Firefox will open this link in a new window for sure, and not just a separate tab? I'm using the coding target="_blank" right now..... Hello - I am a newbie to the forum needing assistance with some HTML coding. I am trying to create a page which has a number of small images acting as buttons. When an image is clicked, a new window is opened which displays that image in full size. I would like this page to contain a "Close Page" button which closes this page. Also, is there HTML code which prevents users from downloading images that appear in this new window? Addition: I have found javascript code which closes a browser window: <a href="javascript:window.close()"> <img border="0" src="closingwindows.gif" width="95" height="46"> </a> but where do you put this code, given that the new page to display the full size image is created from the page that contains the thumbnail of that image? Any help appreciated! Onesimus I take are of an internal site on our companies intranet. I have a set of 3 iframes for content. The problem I am experiencing is when a link I have in one of the content pages is clicked (target is already set to _blank) the link still opens inside the iframe. <a href="http://support.microsoft.com/kb/301583" target="_blank">Windows XP Shortcuts</a> that is the code on the site. like I said, this is on a page that gets loaded into an iframe Thanks for the help. I'm a rookie so don't be too rough on the mistakes I made in the webby im about to post, but here's my prob http://mythgaming.gethost.nl I got 1 Iframe in the main page, which loads every link I click from the menu Now at the link MEMBERS, if I click it you get a Click here url, this contains a javascript that reopens a menu with a close button and normally an image in it My idea was to open a certain page in that "javascript application" but the problem is when I click "click here" it does open, but in the iframe itself, setting a target _blank doesn't work either as it'll stay in the Iframe So first problem would be, how can I get that javascript to be opened OUTSIDE the frame.. and with that how could I load a page in it -- <link rel="stylesheet" type="text/css" href="style.css" /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="robots" content="all" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="js/lightbox.js"></script> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <title>Myth Academy | Managing system</title> <script type="text/javascript"></script> <style type="text/css" media="all"> @import url(style/style.css); </style> </head> <body> <tr> <td style='width:16px; height:16px;'> </td> <td width="50">Result:</td> <td colspan="3"><a href='http://mythgaming.gethost.nl/members/furian.php' title='Layout' rel='lightbox' target="_blank">Click here</a></td> </tr> </table> <hr size='1' style='color:#000000;' /></div> <div id="footer"> <p>Any questions? Mail ryze@dock-7.com </p> </div> </div> </body> </html> -- As you can see the url above "furian.php" is supposed to load inside the window that pops up if you click Click here.. that's not working, and also the window doesn't pop out from the Iframe but stays in there The actual code is taken from the http://mythgaming.gethost.nl/training/ page.. as you open a Photo there you'll see the normal "image popup" window I hope any of you have a suggestion how to fix this, and yea correct me on dumb mistakes i know I made many I'm an html novice, and I'm trying to get a file to open in a new window and not replace the current screen. What can I add to this code and try? <html> <head> </head> <body> <script type="text/javascript"> location.replace('http://www.company.com/file.pdf'); </script> </body> </html> Currently, when clicked in a doc library in Sharepoint, the file takes over the screen, which is what I want. However, the user can't use the back button to return to the previous screen. So, how can I change this code so the file pops in a new window but doesn't also take over the original window (since location.replace causes this)? Or is there code I can add which allows the user to use the back button in the ie browser? Thanks! I appreciate any help you can give! Nicole how can i make an html code so i make Y! icon on web when some1 clicks it a chat window appears i have a site where there is an iframe. The iframe loads a page from another website which has links on it. when a person clicks on a link, it loads the next page within the iframe which is ok. This next page it load also contains links and when a person clicks one of these things, it then loads a checkout page within the iframe which is not so good at all as this page is secure, but because it exists within the iframe now, it wont show as secure to people viewing it. I would like to know how i can have the links from the next page mentioned load in a new tab or browser window so that the secure checkout page is now on its own and the https and secure padlock show to the user. Any help is greatly appreciate! Hello! I am attempting to use a standard link to make a .doc available both for download, and to open in a new instance of Word. When I use this - <a href="H:\Intranet Pages\Tax Intranet Checklists 2009\5500Checklist.doc" target="_blank" title="5500">5500</a> It will give me two things - a pop-up asking whether to open or save, and a fresh browser window - but if I select Open, the document opens in that new browser window. I want it to prompt Word and open in the actual program as "Read Only". Is this possible? If so, what coding should I use? Thanks! I am getting a "page not found" error when I try to open these kinds of files from my server via firefox or ie7. Any ideas why? Thanks~ Okay here is the previous thread that lead me to this issue. http://www.htmlforums.com/html-xhtml...tml#post670803 It solved my issues of opening a new window based off of the selection in a drop down, how ever I have 13 drop downs and the script from the above thread only allows one drop down to work. The drop downs will increase, is there any way to get them all to work. Thanks dt_gry Hi, When I open an HTML with my browser to see how it looks, instead of what the code should look like showing showing up, the code itself shows up. Sorry if this is a stupid question, I'm quite new to HTML. I use Dreamweaver CS5. This is the code I used: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html> |
|||||||