|
HTML - Website Size Problem
Hey guys im sure this question has been answered, but having tried a large majority of the answers none seem to work.
I have been building websites using my laptop (15 inch screen) after upgrading to a 17 inch screen im getting problems with the web page. It now has a horizontal scroll bar which i find rather annoying as do many other people that visit my sites. This is what it looks like at the moment on larger screens what i need to find out is how to make it so the page fits within the parameters of the screen without a horizontal scroll bar. this is the code that i used to make on of my sites, if possible could some one tell me where to maybe edit the string of html to get it to fit all screens? <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body style="color: rgb(255, 255, 51); background-color: rgb(0, 0, 0);" alink="#ffff33" link="#ffff33" vlink="#ffff33"><div style="text-align: center;"><img style="width: 750px; height: 225px;" alt="" src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/PCKBIGBANER-1.png"><br> <big><br> Home | Investigations | Gallery | Locations | The Team | Methods | Contact us<br> <br> </big> <table style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="text-align: center;"> <div align="center"><font color="#000000" size="+1"> <marquee bgcolor="#FF0000" direction="left" loop="99999" width="75%"><strong>We are accepting private bookings. Please contact Tim Harris on 07533119768 or email Tim at tim.paranormalknights@yahoo.co.uk</strong></marquee> </font></div> </td> </tr> </tbody> </table> <big><br> </big> <table style="background-color: rgb(0, 0, 0); text-align: left; margin-left: auto; margin-right: auto; width: 1312px; height: 459px;"> <tbody> <tr> <td style="text-align: center; vertical-align: top;"> <div style="margin-left: 40px;">Hello and welcome to Paranormal Knights Cymru. The group was founded in 2008 with the soul intentions of finding answers that we the team have been searching for, for all our lives! We are a unique team that reside in the south Wales area and have many many years of paranormal investigating experience between us. The things that make us such a unique team of paranormal investigators is that we take things to a higher level, we go to such a high level that other teams are left stranded whilst we soar above and beyond the grave. We use techniques such as Clairvoyance, Clairaudiance, Clairsentience and also the scientific approach with electronical equipment such as EMF detectors, EVP recording devices, still camera's and also video camera's. We also use non electrical equipment such as dowsing rods, oujia boards, glass swirling and table tipping. All of these methods are tried and tested and proven to be the main source of communications with the paranormal phenomena. To get an understanding of what these techniques entail and how they work please check out the methods page. <br> <br> So with that said will you be able to put the fear of the unknown behind you and join us in our quest for answers?<br> <br> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span></div> </td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td style="text-align: justify; vertical-align: top;"><img style="width: 498px; height: 253px;" alt="" src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/Margam_Castle.jpg"></td> <td></td> <td></td> </tr> </tbody> </table><div style="text-align: left;"><br> </div> <br> </div> </body> </html> Similar TutorialsMy website will have a picture that is cut in 3 parts (see below for the chop up). now my question is. I want the sides to gradually disapear if the browser window becomes smaller, as the main part of the website is displayed on the middle part of the website Say that the total size of the image is 1300px. and the respectively from left to right. the picture is chopped up in 250px - 800px - 250px. now if the browser is wide enough it would just show the whole 1300px of the website. however if the browser is at most able to show 1000px of the website, the side would reduce corespondingly showing the website as 100px - 800px - 100px. and that offcourse that the picture on the left side doesn't look weird. I hope everything is still clear. it bassically means that of the 250px of the left picture, the picture would be cut up from left to right, rather than the default right to left. thus cutting 150px away from the left and not the right. leaving the colors in the picture below, continue on flowing like they should. How would I go about doing this? How do you make the website The same size on different resolution? Thanks for all of your help. Hello everyone again, I have searched everywhere to get the info to make the website adapt to the resolution size. I can not understand how it works. Will someone please be able give me the info on how to make the website adapt to the resolution. Thanks for all of your help My new website test pages are at: http://www.monkeygambling.com/new%20pages/index.shtml I have a small probelm with the menu on the left side. It is not vertically aligned. The reason why is that I have an empty table inserted above it. This table is quite important as it makes the search engine spider miss the left menu out and move to the central section. My question is, is there a way to make this table exisit with no size (e.g. height =0), or just be there without affecting anything else? thanks Does anyone happen to know if there is a way, other than resizing everything in a site manually, to display a website layout at half size but still functional? Basically what I want to do is display my design work on my site, but at only half size so that it 1) it fits within *my* design and 2) it is obvious that it is not the actual website. Taking screenshots is all well and good, but they really don't display the actual functionality of the website--CSS rollovers, etc. So I'd like to be able to pull up the actual code within either a div or an iframe. Is this something someone has already thought of and invented a solution? Hi guys, I'm currently trying to sort out the background for a website. What I'd like is to have a silhouette of a few people on a gradient background. I'd like to keep the quality high, but it also makes the file size large. If there were no silhouette then I would have a one pixel strip of the gradient set to repeat. Is it possible to add two background pictures, or is there another way I can reduce the file size that I hadn't thought of? hi guys, I'm basically wanting to have a H1 and a Google AdSense custom search box in the same div. The H1 needs to be left aligned, the search box needs to be right aligned. So, I did the following with span tags: Code: <span style="float:left;">Stainless Steel Kitchen Sinks</span> <span style="float:right;">AdSense search form</span> <br style="clear:both;" /> Now, the header is not big enough and things look cramped up. Please check out: http://topaussieflorists.com/temp3/ I would really appreciate any help on this! Thanks guys. Hey I made the site princeoflayouts.com, and am having trouble with my last step. The resolution size of the screen. On my laptop the website looks perfect, but then on my schools computers the whole web site is out of whack. I tried to mess with the margins but that didn't help the issue. I used dreamweaer 8 to build the site and have seen the section where it has screen resolution but it only allows me to click it and nothing can be applied or changed. If you have any advice please tell me. I have a book that helped me through the whole process but this section was not in there. Thank You i have created a page, and i will chk that in firefox, the height of that page is not fixed, but i go through with chrome, the page size is fixed with browser? how to avoid this??? this is the page template code #panelIMG{ position:absolute; width:844px; height:652px; z-index:1; left: 203px; top: 14px; background-image:url(template_bg.jpg); background-repeat:no-repeat; } Hi there, I'm curious of how to code a fix display size of html files. If I were to set the size (when launching) as a monitor size 1024 x 768, which means users don't need to scroll up and down anymore. It will exactly fit into the screen. How should I go about doing it? Thanks and cheers........... Hi all, I'm not sure if I'm posting in the right place but I have an issue with Internet Explorer 7. Apparently, when user's are looking at my website (it's internal) with IE 7 - the size of the font shrinks to 2 (or even lower). the site looks ok on fireFox/older version on IE. can anyone advise how to fix it? THANK YOU! i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame now this 1.htm is quite a long frame and has a scrollbar and 2.htm is a short one i dont the scroll bar beside my frame 1 but want it to be for my entire parent window ie i wont to scroll both my left and right frames together how do i do that Hi! I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window. How can I make it do that? I did it once but just can't seem to remember how I did it. Thanks Hello again, I have posted previously on a few occasions and had some things fixed with my website. Everything was working fine until just a couple of days ago I noticed something. One of the problems I had was I wanted the images on my pages to load before an swf file, so I got assistance with that and it worked great. I have now noticed that my website once again doesn't load in the order I want AND I have noticed that one of my swf files no longer loads in IE. It does work in Firefox though. I have checked this on two different computers and it definately doesnt work in IE. I haven't made any changes that would stop the page from loading how I wanted it and I have no idea why the swf no longer works in IE. My website URL is ozlotteriesonline.net and the swf file that doesnt work is on /business.html I'd also like to note that the swf file on my homepage still works, it just loads out of sequence. Thanks in advance....again Hello everybody. I was recently working on my website and I was looking at a game that was not coming up properly. The game was coming but the format of the page was for some reason not appearing properly. I tried almost everything I could. Could you guys take a look at it. Thanks. I put a link on the bottom. http://umgames.co.cc/bikemania5.php Hi, I have my website all set up and I added a picture of my free report on the close to the bottom. Im my html editor of my file manager in cpanel it comes out right no problems. But when I type in the website in my browser the jpg image has a x in the left hand corner where the image should be.. Does anybody have any solutions or ideas to fix this problem..?? Thanks Jay Morrison www.provenweightlosssecrets.com Hi, For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen. It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea... The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one) Here's the coding of the index.php page: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>the-undefined.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
<script type="text/javascript">
function getURL(val){
base = 'http://www.the-undefined.net/index.php?id=ep';
location = base + val;
return false;
}
</script>
</head>
<body bgcolor="#2A2A2A">
<table align="center" width="650" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="right" colspan="2">
<table width="450" border="0" cellspacing="5" cellpadding="0"><tr>
<td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td>
<td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td>
<td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td>
<td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td>
<td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td>
<td> </td>
</tr></table>
</td>
</tr>
<tr>
<td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;">
<?php
// checks if $z is defined
if($id) {
$x = basename($id);
// Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php
$id .= ".php";
// Checks if $z is in the current directory
if (is_file("./$id")) {
// Includes $z
include($id);
} else {
// If $z is not in the current directory, an error comes out
echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>";
}
} else {
// Include main.php if $z is not defined
include("home.php");
}
?>
</td>
</tr>
<tr>
<td align="left">
<table width="170" border="0" cellspacing="5" cellpadding="0"><tr>
<td> </td>
<td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td>
</tr></table>
</td>
<td align="right">
<table width="200" border="0" cellspacing="5" cellpadding="0"><tr>
<td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td>
<td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td>
<td> </td>
</tr></table>
</td>
</tr>
</table>
<center><br><br><br><br><br><br><br><font color="#444444"><b>© Copyright 2006<br>All Rights Reserved</b></font></center>
</body>
</html>
And for example an episode page is: HTML Code: <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350"> <param name="movie" value="001.swf"> <param name="quality" value="high"> <embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed> </object> </td></tr> <tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center"> <table width="200" border="0" cellspacing="0" cellpadding="0" align="right"> <tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> « <s>Prev</s> | </td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next »</a> </td> </form></tr> </table> </td></tr> </table> And it keeps randomly appearing everytime I refresh the page! Can anyone help...? Thanks, Spedman975 P.S. Sorry if this isn't where I should post this but I'm new to this! Hi, I have a radio website but I need to go to anouther website to turn this on, this is not a problem but if I get people requesting to be a DJ when they go to turn the station on thay could mess the station up or chane the password, is there eny way of getting the website on my website but the can only turn the radio on, nouthink else? The website is: http://listen2myradio.com My website is http://jeradio.tk If you need to see the souce click HERE Thanks Hey guys, im not sure if anyone has this problem but i have it and im pissing off because of it. I worked on it for over 4 hours to no avail so i decided to get some professional opinion here. I designed my website using Photoshop and save for web and devices, giving me the HTML codes and the entire site is done in tables. I had no problems for buttons whatsoever, i found a way to insert flash banner was by creating a slice and deleting it afterwards to insert my flash banner. The problem: All text, headings, contents appear as image and i would have to reslice the entire website just to change the content and i cant use cutenews etc. So i tried draw ap div, but it is not resolution dependent, it distorts at all kind of resolutions... I tried using Fireworks but to no avail too.. I cant really think of anything else. Something that allows me to do editable content. Please email me if you do not understand what i mean i can show you. molehetoe@live.com or add me in MSN |
|||||||