|
HTML - Cdrom Autostart Webpage To Resize Browser
An html noob would like some help.
I am making a html page to autorun from a CD-ROM. I would like the browser window on the users computer to open to a fixed size. I tried the following html inserted into the body of my code. Code: onload="self.resizeTo(795,470)"> This works well in Internet Explorer but when I try it with Firefox 3.0.1 the script seems to make the toolbars and scrollbars be included in the size. That is, the interior of IE window displays the content at the right size (795 x 470) with no space between the content and the scroll bars etc., but the whole of the firefox browser program (toolbars, scrollbars etc shrink to 795 x 470). This makes it necessary to scroll the content in Firefox. I would like to only use html for the solution as I am trying to keep the CD-ROM requirements to run to a minimum. Also if there was someway to make the scroll bars and toolbars disappear from the browsers this would improve the professional look. I am sure there is an easy answer, but I can't find it. Thanks for any help. Similar TutorialsI have no earthly idea where this should actually go, so feel free to move. Our webpage is approx. 650 pixels across, which translates into too large of a document to be printable. It slices off a small amount of the right-hand side of the page when folks try to print it from IE. I noticed that when using Firefox though, the page is automatically resized to fit into an 8.5x11 space. If I want to add a "Print this page" element to the page, is there code that would tell the website to automatically resize itself to fit into a letter-sized document? I tried looking for tutorials but there either aren't any or I was getting the keywords wrong. Just curious, as this would be a helluva lot easier than resizing the entire site pixel-wise. Thanks for any suggestions =) Hi all, I notice that on some websites when you minimize and maximize the window, the content on the site displays differently. For example if i reduce the browser window on this website - all content is still displayed as if it were open in a fully maximised window. What is this called? and How do you do it?? Cheers Raggy Hi, I'm building a web site for someone. At the top of the page is the logo and some flowing lines going from left to right on screen. If you look he http://www.chrisvanochten.com/clients/voicecontrol/ and start resizing your browser window then you would see the content at the bottom moves along so that it is always in the center. The problem I have is that the image on the top will not do this. This is because it's a background image. I want the image to be positioned so that the logo is above the latest news section. I have tried using a normal image and aligning it to the center (scroll down on the page above for this) but the image is always anchored to the left of the screen if the image is larger than the browser window. Is there anyway to set the background image so that it is anchored in position and that it will run off both the left and right hand side of the screen (as opposed to just the right hand side)? I am having a very frustrating issue that seems to have crept up over the last month or so. This problem did not exist on my site before, but it certainly exists now. Whenever I resize IE6 or IE7, the Google Ads I use on my site stay in place instead of following the browser resize shift. Needless to say, this makes the site look horrible when someone resizes their browser. And the real kicker is I haven't changed this section of code in months and now its suddenly not working. However, I have started using some other ads that use an <iframe> tag, and those ads do not have this issue. I know that Google uses javascript to serve the ads. Could there be some strange interaction between my code and Google's code? Has anyone else run into this? If so, how did you solve it? Here is a sample of my code that has this problem: Code: <div id="adPad"> <div class="floatArea1" style="margin:0 5px 0 0;"> <div class="noBorder"> <a href = "URL"><img src="img/image.png" alt="ALT" width="x" height="y"/></a> </div> </div> <div class="floatArea1" style="width:728px; height: 92px; margin: 0 0 5px 0;"> GOOGLE AD GOES HERE </div> </div> relevant CSS: Code: #adPad{width:955px; padding:5px;}
.floatArea1{
float:left;
margin-left: 10px;
font-weight: normal;
width: auto;
padding: 0px;
display: inline;
overflow: hidden;
}
.noBorder {
float: left;
width:auto;
}
.noBorder img {
border: 0px;
/*width: 312px;
height: 90px;*/
overflow: hidden;
}
Any help on this is greatly appreciated! Thanks! hi, Im facing the problem, such as i have designd my web page using Frontpage 2007 now im faciing the problem such as when i view the page in IE it is fine. but in mozzilla it is scattered please help me out!! Hello, I've embedded a quicktime video on to my page using the following code: Code: <object width="223" height="148" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" type="video/quicktime" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="http://www.lucidusconsulting.com/Videos/masterchef_trim" /> <param name="autoStart" value="false" /> <param name="autoPlay" value="false" /> <param name="controller" value="true" /> <param name="loop" value="false" /> <embed width="223" height="148" scale="tofit" type="video/quicktime" src="http://www.lucidusconsulting.com/Videos/masterchef_trim" controller="true" autoplay="true" loop="false"></embed></object> The video shows and plays correctly, however - the AutoStart Flase value appears be be being ignored - and the video begins playing as soon as the page loads. Can anyone suggest why this may be? Many thanks in advance. I'm trying to embed a video from MySpace into my blog, but I'd like to make it loop and start automatically. I tried adding loop="1" and autostart="1" as well as loop="true" and autostart="true" inside the embed tag. I even tried autoplay instead of autostart. I also tried adding &autoplay=1&loop=1 to the end of the URL inside the embed tag, which works for YouTube videos. None of these methods worked! Does anyone know how to do this? At this point, I'm beginning to think MySpace has something that overrides any attempts to autostart or loop a video, presumably to prevent people from hiking up their view counts. Hi All, I am having issues with the following code from a video file (in html). Hoping you can help, I need to make the video start automatically. This video is from Tube Chop (Tube Chop is a similar service than you tube) and you can copy and paste the code from any video and paste is onto a website as an embedded file. I am trying to get the file to start automatically as soon as any user goes to the page (as opposed to having to click on the video). I know for you tube all you have to do is add "&autostart=1 and it works fine. But I tried to put this code below and it still doesn't work. Can someone assist? FYI - Pls note that the part that reads "&start=0&end=26" below was included on purpose so the video starts at the beginning and end after 26 seconds. The website added the code. I need to keep this rule while still getting the video to autostart. Code: <p> <object width="500" height="344"><param name="movie" value="http://swf.tubechop.com/tubechop.swf?vurl=SJyCGltS95k&start=0&end=26&cid=227694"></param><embed src="http://swf.tubechop.com/tubechop.swf?vurl=SJyCGltS95k&start=0&end=26&cid=227694" type="application/x-shockwave-flash" allowfullscreen="true" width="500" height="344"></embed></object></p> Thanks very much. Sorry if i posted this in the wrong location. So im a real estate agent making a website. Im no pro and most of the stuff ive been using to build has been through layouts/generators/help of others such as yourselves. So ive been stuck on finding/making this code for the past couple of days. So all my listings are on my agencys website, not my personal agent website. Is there a code i could have where in the listings page my my personal agent website, i could have a window maybe 600x900 of the listing page on my agencys website? To kind of clear things up, you know how when you google something you have the magnifying glass, how it gives that preview. How can i have that preview coded onto a webpage, but me say what webpage to preview and how big to make the preview box? Tried to explain it as best i could. If you dont know the code, if you can tell me what its called so i can try to narrow the google searches. So far everything that has been coming up in the search restults has been preview boxes to preview html codes you have already written. Fail Blog Thanks Hello, I wrote the following HTML code: HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Admin Page</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>
<div id="main">
<h2>Admin Page</h2>
<hr width="420" color="black" align="left">
<form method="post" action="$_SERVER[PHP_SELF]" name="form" >
<div class="textbox" style="height:35px;">
Username:
<input type="text" id="username" name="username" maxlength="30" />
</div>
<div class="textbox">
Password:
<span style="position: relative; left: 4px;"><input name="password" type="password" id="password" maxlength="30" /></span>
</div>
<br />
<div class="button">
<input type="submit" value="Sign In" name="submit">
</div>
</form>
<hr width="420" color="black" align="left" style="position: relative; top: -5px;">
<div id="info">
info here
</div>
</div> <!-- End main div -->
</body>
</html>
and the following CSS code: HTML Code:
body {
background-color:gray;
font-family:Comic Sans MS;
font-size:12pt;
color:black;
}
#info {
font-family:sans-serif;
font-weight:bold;
position:relative;
left:0px;
width:420px;
top:20px;
}
#main {
position:relative;
width:500px;
left:420px;
top:50px;
}
The problem I have is when you resize the browser nothing resizes. Can someone please help me get this page to resize? Help will be greatly appreciated. Thanks. Hello, i need help understanding how to make my website automaticly resize depending on the resolution its viewed on i am viewing it on 1680 x 1050 and it looks fine but i then view it on a smaller monitor and everything gets moved about and squished, i notice on other websites that this is not the case and i do not know how its possible. my website url: http://mylocalmenu.co.uk/ you are able to view the source code and css files from the browser please help me with this problem, as it is the only problem i cannot fix. Thank you in advance to any help that i receive I am having a frustrating problem with IE7. I have a set of images that load in the proper place when the page loads in IE7. Then, if you resize the browser in any way the images do not move, but the rest of the page moves with the browser resize. This causes the images to go over other items on the page instead of staying where they should when the resize occurs. Does anyone have an idea about what the difference between Mozilla and and IE7 is that makes this type of problem occur? Anything I should look into or try to make the images "stick" to their proper place during a resize in IE7? Thanks. I have read a bunch of stuff on this and checked the 14 pages, but I am getting confused. Will I be able to have my site open up full size according to the setting of the user computer by added a script to my site pages? TIA http://wantedfraternity.webs.com/oncall.html I cant resize the font of the "GOM" in the center. Its set at 13, but I need it around 18px. :-\ Help here plz. Hello! I am pretty new to HTML, but I was asked to make a webpage for my girlfriend's small business. What I want to do is copy the style used on the main image of this website: http://www.stellamccartney.com/. What I am looking to do is take an image and have it resize whenever I resize the browser window. If you can tell, the image is actually zooming in and out in order to maintain its correct ratio. I am not interested in copying anything else from this website, only the way the main image works. Looking at the source code has me baffled; I believe they wrote this using javascript, but I can't tell. If anyone knows how to create a similar effect as this site I would greatly appreciate the help. Thank you! Evening all, I'm looking for some simply coding to tell an image to resize to fit into a frame that is defined in the CSS layout. The image size needs to be reduced to 630x402, the original size is much greater. <SCRIPT LANGUAGE="JavaScript"> var theImages = new Array() theImages[0] = 'images/main_img.jpg' theImages[1] = 'images/main_img2.jpg' theImages[2] = 'images/main_img3.jpg' theImages[2] = 'images/main_img4.jpg' 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]+'">'); } </script> <div id="main_img"><SCRIPT LANGUAGE="JavaScript">showImage();</script></div> I need someway of implementing the size change into the coding somewhere. Thank you for any help in advance! I am having a problem with images that vary in size. I let the user upload images and then display it on a web page. The problem is that the images that the users submit are different sizes. Some look good while others look distorted. Any Ideas? Hi, I am a photographer and am trying to build my own site. Am using dreamweaver 8 and am ok using it, but my html is a little rubbish. have been developing my site, www.robertallenweddingphotography.co.uk, however just realised i have been developing at 1024x768 but if you look at the site at a lower or higher resolution it looks v.bad. Have read a few bits and pieces about using % instead of set pixels?! but am a bit lost! Can any body point me in the right direction? Basically want to end up with a site that looks 'correct' to as many people as possible! Thanks Rob For some reason i can't resize the weight on the cells i highlighted in black on the code below Code: <table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="388" height="92" background="top11.jpg"> </td>
<td width="312" height="92" background="top12.jpg"> </td>
</tr>
<tr>
<td width="700" height="353" colspan="3" background="main.jpg"> </td>
</tr>
<tr>
<td width="269" height="149"><a href="ImagensFinaisSite/picsleft/2.jpg" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('LeftPic','','ImagensFinaisSite/picsleft/2_on.jpg',1)" onClick="return popImage(this.href,'Site author');"><img src="ImagensFinaisSite/picsleft/2_off.jpg" alt="Clicar na imagem para ampliar" name="LeftPic" width="269" height="149" border="0" id="LeftPic"></a></td>
<td width="157" height="149"><a href="ImagensFinaisSite/picscenter/1.jpg" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('CenterPic','','ImagensFinaisSite/picscenter/1_on.jpg',1)" onClick="return popImage(this.href,'Site author');"><img src="ImagensFinaisSite/picscenter/1_off.jpg" alt="Clicar na imagem para ampliar" name="CenterPic" width="157" height="149" border="0" id="CenterPic"></a></td>
<td width="274" height="149"><a href="ImagensFinaisSite/picsright/2.jpg" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('RightPic','','ImagensFinaisSite/picsright/2_on.jpg',1)" onClick="return popImage(this.href,'Site author');"><img src="ImagensFinaisSite/picsright/2_off.jpg" alt="Clicar na imagem para ampliar" name="RightPic" width="274" height="149" border="0" id="RightPic"></a></td>
</tr>
</table></td>
</tr>
<tr>
</tr>
</table>
These are the cells i can't resize: <td width="388" height="92" background="top11.jpg"> </td> <td width="312" height="92" background="top12.jpg"> </td> I've tried messing around with colspan but i just can't get it working. Any idea whats wrong? Hey all.. Is it possible to have the browser resize the src inside an iframe? I'm loading up a website in an iframe, and it's just a tad larger then what I have room for in my content area.. I know that I can restrict the size of the frame itself, but then I'm left with those nasty scroll bars.. Thanks David |
|||||||