HTML - What Screen Resolution Should I Adjust My Navigation Bar To?

Hi all

i have my website all complete but the one thing i would like to do is put an image on the opening page that fills the screen.. no matter what screen resolution someone is on... i have seen this on sites before but cannot remember where it was.

has anyone got any idea how i coul do this?

any help would be much apreciated

Thanks

Hello,

I am a html/php newbie, I will like to have a border (one image) with a iframe in the middle of it.

I have tried (sorry if it is a bit messy!):

Code:

	<div align="center">
		<!--Begin Template-->
		<table id="Table_01" width="640" height="822" border="0" cellpadding="0" cellspacing="0">
			<tr>
			<!--Header-->
				<img src="images/header_01.png" width="640" height="151" alt="header 1">
			</tr>
			<tr>
			<!--Nav Bar-->
				<img src="images/index_02.png" width="640" height="21" alt="nav bar">
			</tr>
			<tr>
                        <!--Begin border/iframe-->
				<img src="images/index_01.png" width="640" height="384" alt="border 1">
				<div id="top" style="center: 1023x; top: 167px; position: relative; left: 399px; height: 730px;">
					<iframe src="news.html" width="1023" height="478" name="frame" scrolling="auto" frameborder="no"></iframe>
				</div>
			</tr>
		</table>
	</div>

But this only works at 1280x1024 screen resolution. Is there any way to make it compatible with any resolution?

Thanks.

Hi all,

Im just wondering if it is possible in any way to undertake this functionality....

I have different homepages which are essentially the same content but each is designed for a different screen resolution so that when in full screen mode the data will occupy the complete screen.

Is there any way to load a certain homepage based on a user's screen resolution, eg if their resolution is 800x600 then homepage A is loaded, if 1024x768 then homepage B is loaded etc.

Since a user's screen resolution info is readily available is it possible to undertake such a feature?

Thanks in advance!

McB

Hi, could you check my site:

http://www.monkeygambling.com

and tell me if it works on your screen resolution. I've had some problems with diff resolutions. On 1024 x 768 it sometimes does a slight repeat of the background image because the text i have on there pushes the table down a bit.

thanks

How to make the same layout for all pages in different screen resolutin?
For example, user's screen may set up relolution in pixels as

800x600,
1024x768,
1280x800

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

Well I got a website I want to code and I'm not too good in coding though I'm designing/coding websites for 2-3 years(ocassional hobby).I always tried and retried and asked and searched but I always got side effects.So I want to make this one by-the-book 100% XHTML Strict/transitional W3C Valid
So I was thinking where should I start with and I thought I should start with the background.I can't seem to manage even this one.
As in every single thing I ever done I can't get it to look the same in every evil screen resolution

....Enough talking.As you see in the picture it has 2 parts. the first is a gradient from blue to white(bottom to top) and the other part is a black pattern thing.
How can I implement it?I can't simply adjust it's size to fit my resolution and browser.It needs to look the same for everyone.

Also while the top part can be made with a vertical 1px slice the bottom one has a pattern so it can't.
i was thinking I could divide the website in 2 DIVS:main and footer and set a height percentage % like 80&20 from CSS.Use as background for main a vertical slice and a big image for the footer.But still that wouldn't fix too much ...I don't know.
What would you do if it was your website?
_____________________________

Hi

I have some websites that i would like to centralise on the screen irrelevant of the users screen resolution... some screens the site looks centred etc and its great but then the higher the screen resolution the viewer uses the more stuck up at the top it appears... is there a simple solution so the website centralises on any screen?

Thanks in advance for any help... i really need to get this working

Steve

I am trying to create a table that does not change size depending on what the screen resolution is set to. I know that it is good practice to use percentages, however, as I am used to using pixels, I am finding it frustrating as I don't get the desired table size I want when the resolution is changed

Here is an example of the table, if anyone can help me with the changes, it would be much appreciated or if you could point me in the direction of a tutorial that makes the table resize to reflect the chosen resolution preference, that too would be welcomed

Code:

<font color="#FFFFFF" face="Verdana" size="2">
<table width="810px" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="#000033"> 
    <td height="130px" colspan="2"><div align="center">Header</div></td>
  </tr>
  <tr> 
    <td width="130px" height="130px" bgcolor="#000066"><div align="center">Login</div></td>
    <td width="680px" height="130px" bgcolor="#000099"><div align="center">Image</div></td>
  </tr>
  <tr bgcolor="#0000CC"> 
    <td height="80px" colspan="2"><div align="center">Page Title</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center"></div></td>
    <td rowspan="15" bgcolor="#0066FF"><div align="center">Body</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 1</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 2</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 3</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 4</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 5</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 6</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 7</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 8</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 9</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 10</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 11</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center">Link 12</div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center"></div></td>
  </tr>
  <tr> 
    <td bgcolor="#0033FF"><div align="center"></div></td>
  </tr>
  <tr bgcolor="#003399"> 
    <td height="30px" colspan="2"><div align="center">Footer</div></td>
  </tr>
</table></font>

Thanks in advanced

Guys, hopefully someone can give me a hand here. bear with me, Im a newbie to html yet Im an intermediate/advanced flash programmer. I learned flash but never learned html the right way and am struggling to make html entrance pages for my flash sites.. I know its usually the other way around. i learned flash first.

ok, I have a website I made which is opened in a fixed window. the html index page says "enter here" and that button opens the fixed size window. that works fine.

The problem is Im trying to learn the html and whenever i have an image on this index page, ( some graphics and the "enter here" button) it may look centered @ 1024 x768 but at a higher resolution ( 1280 x 1024) it will appear on the top left of the screen. I have been tinkering with dreamweaver but im really confused. I keep seeing all of these sites where everything looks aligned regarless of the screen setting.

Im not sure if I should use tables , divs or whatever. i have my website logo as a jpg and some other graphics, and im not sure how to put it into the page so it always looks appropriate no matter what screen setting you are on.
There is a company that makes nice websites and their entrance pages are always good. I am gonna attach the url of one of these. I notice that they always use divs, a LOT. Is thsi the right approach? and can someone look at the example and tell me how they are doing it? i dont put the url in the post becuase I do want google or other engines indexing the url to this post (for privacy)

Thanks a lot

url.zip

Hi. i have a problem. I made a template... and i create a poll on a site and i put that poll on my site and i don't get how to put that on the right og the template... when i use allign="right" it goes to far and i can use spaces because the poll gets one row down. Thanks in advance.

Hi,
i was making a site but i ran into a prb, i.e when i make the site at my current res (1440x990) and upload it my users complian that the site looks wierd, is there someway i can fix this prb?

thnx..

Hello, Im in need for some help and guiding in some simple areas to adjust a Blogger template hope someone can help me out!

I want to adjust the width in some sections and also wondering where in the template code to change background (color and with own picturefile option).

Here's an image to easily see what I want to adjust in the template: http://img576.imageshack.us/img576/5870/htmlhelp.jpg
(i think its very quickly and easily done as long as you know better than me how to read and adjust html!)

Also want to change the banner, the template description says I can easily change it through the "Side Elements" in Blogger but no option to change the width and I cant find it in the code either..

Here's the template I want to adjust: http://www.premiumbloggertemplates.c...-template.html


Im very thankful for any help!!

Hi , i was wondering is there any way i can type the dimensions of a page i want to be say 1000px by 800px into the html code and have the window open in that size.

I've adjsuted the size of pages before using javascript, but the script was on a button that opens the page. I need the code to be in the page to be resized becuase i want a button in a Flash movie to open the html page. Can anyone tell me how to do this, or is there another way? Thanks

Hi guy, i want to fix the height of the image in cell2 to the end of the cell..
any idea how can i achieve that..?
thax heaps

<html>
<head>
<title>hello</title>
</head>

<body >

<table border="1" width="25%">

<tr>
<td>
cell1
</td>


<td bgcolor="#F5BB1B">
cell2

<table bgcolor="black">
<tr>


<td>
cell4

</td>

</tr>

</table>


<img src="c1.gif" align="right"/>
</td>

<td>
cell3
cell3cell3cell3cell3
cell3cell3cell3
cell3cell3
cell3cell3cell3cell3
cell3cell3cell3
cell3cell3cell3cell3cell3cell3
cell3cell3cell3
cell3cell3cell3cell3cell3cell3
cell3cell3cell3
cell3cell3cell3cell3cell3cell3
cell3cell3cell3
cell3cell3</td>
</tr>

</table>
</body>

</html>