HTML - How Many Pixels Wide To Make Page?
How wide should you make your page/site?
Since most have different size monitors and settings, how wide should your page be so it's not tiny on one user's monitor, and not too big on another? Similar TutorialsHello, okay, so i was thinking about redesigning my site because i never really have done so before. but as i was thinking, i was thinking it would be nice to be able to fit more stuff across the screen width wise.... right now my website has like 750px width... and i was wondering if i increased it some, would the majority of the people not have a problem viewing it? and if so, how many pixels wide do u think i could go before its too wide... i have my screen resolution said at 1280x1024... does anybody know what the majority of people set their screen resolutions to? any help would be great..thanks.. I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. I was put in charge of changing our website with no html knowledge. Hoping someone on here can help. The right margin on all of our pages is too wide. I'd like it to look more uniform. Any idea where I need to change this? http://www.sgccc.com/index.html Hi, I have a webpage which is 1740px long however, i would like it so the amount of background on both sides the viewer sees depends on the viewers resolution. Here is the address to the site: http://luminaskincare.ca/new/luminarightsize.html how can I make the site centered with no horizontal scroll? thanks in advance Hi there, my pages are loading wide and then jumpimg down to the size the table is set to be. Does anyone know how i can specify the width of content either through css or the div tag? Thanks in advance! Is there a way (HTML, CSS or Java) to make an index page open automatically 150 pixels down from the actual top of page? Reason: I have a lot of cheap hosted sites with banners at top and it would be great if I could get the page to automatically open with the top banner scrolled off the top of the screen. OK, I'm cheap...... I admit it but I was thinking that it would be nice if this could work..... Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? I have an html file which applies a css file to show a table. There is a banner at the top, and the main stuff on the page is in a div which is set to the width of the banner. However, I need to show some tables, and in some cases these will be wider than the banner. This is fine in IE (I'm told that it's really a bug, in that it ignores the standards and just whacks the table onto the page anyway), but in Firefox, it shows as much of the table as it can fit into the div, and then just chops the rest off. How can I get it to show the whole table? Thanks! Hello, Mozilla Firefox is doing some weird things to the content of my website (you can see it at http://www.mm-theory.com). What it does is, every so often, it widens some of the content of the page so that it spans from the very left edge of the table cell it's in to the very right edge. A quick refresh usually fixes the problem, but I'm wondering why it does this in the first place. Here's a few screen captures that shows the problem: Wide abstract: Normal abstract: The captures were taken from http://www.mm-theory.com/god/god.htm I really doubt it's the code for the abstract since refreshing solves the problem, but here it is anyway: Code: </td></tr> <tr><td class="abstract" colspan=2> <center> <table class="abstract" cellpadding=10 cellspacing=0> <tr><td> <!-- #include file="../includes/god.abs.inc" --> </td></tr> </table> <br><br> </center> </td></tr> The file god.abs.inc is a plain text file with nothing but text in it (i.e. no code). I'm thinking it might have something to do with how I close the body of the page since it seems to have to do with not completing properly. Here's the code for that: Code: ... </td></tr> </table> </body> </html> I only encounter this problem in Firefox. Any guesses as to why? Hi all, I have a site to show some pictures, the only problem is some are landscape and some are portarit. At the moment I am putting the portrait thumbs onto a landscape black background, but I know this is a bodge. How can I have all the thumbs sit nicely next to each other regardless of their shape? Here is the site; www.streetpicture.co.uk Any help would be really appreciated. Many thanks, I have a website with two side boarders inside a table and a content cell in the middle The left and right boarders are 100px each, and the middle I want to be the rest of the page. I tried to define the tables widths as 100 each and then add the middle to be 100% (to make it the remaining space) but it just filled the whole page with the content cell. Could anyone help me out? Thanks, Chuckles Here is the code I'm adding to my website to feature a Google Ad text link. <script type="text/javascript"> <!-- google_ad_client = "ca-pub-548569347568435"; /* google ad link1 */ google_ad_slot = "6594051295"; google_ad_width = 160; google_ad_height = 90; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> Everything is aligned to the left and the google ad appears tight against the left hand side of my column and I need to move it 5 pixels to the right to appear inline with everything else, I have tried putting left:5px; in various different places in the html code, but it either does nothing to the position or the google ad disapears altogether. So where do I put the positioning code? and is left:5px; the correct code for the job? Thank-you James I have wrote this <html> <body> <script type="text/javascript"> var w=window.open(); w.document.open(); w.document.write("FirstLine<br>SecondLine<br>"); w.document.close(); </script> </body> </html> This simply creates anew window and outputs text onto it... What I want is for the specified text, to be outputed to a new html file For instance, OutPut1.html or OutPut2.html and so on. And for clarification, I do not want to manually create each new file for html to write to. I want the main html to create these new files Thank you all in Advance for all help given sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks Working on this site and I like the template but I'm tying to make it more inviting, any ideas? Not very creative here.. www.baysidesuperior.org/Bayside/ministries.html Greetings I have this problem that i have menu in Iframe and from that iframe i have link to another page. Now when i click the link it opens the link in the iframe window and does not move me completely on the new page. How do i put link that will get me to new page, and does not open it in the iframe window? Also i have another page with PHP include, would love to know the same thing in PHP. So i have this link that opens in the IFrame window, but i dont want to open it in IFRAME, but i want to move completely to the page the link shows. Also i don't want to open it in new window, i want it open in same window. Thanks for help! I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible? Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html Here is the html code for the new page I am trying to edit: <html> <head> <title>Stock Traders Press :: 2011 Performance</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style11 {font-size: 10px} .style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .numbersbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; } .datebody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; } .tickerbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td colspan="5"> <table width="89%" border="1" cellpadding="10" cellspacing="0"> <tbody> <tr> <td valign="middle" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tbody> <tr> <td colspan="5"><img src="/stp_logo.gif" width="363" height="42"></td> <td>*</td> <td><span class="style3">2011 Performance</span></td> </tr> <tr> <td colspan="2"><a href="/members/welcome.php">Go Back </a></td> <td colspan="5"><span class="style4">************************** </span></td> </tr> <tr> <td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011 </span></td> </tr> <tr> <td colspan="7"><span class="style4">By purchasing an equal amount of every stock, you would have had an average gain of 9.41%</span> </td> </tr> <tr> <td width="87">*</td> <td width="115">*</td> <td width="80">*</td> <td width="79">*</td> <td width="197">*</td> <td width="140">*</td> <td width="175">*</td> </tr> <tr> <td colspan="2" class="style15">Closed Positions </td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> </tr> <tr bgcolor="#CCCCCC"> <td> <div align="center"> <strong><span class="style17">Stock</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Bought</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Sold </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Time Held </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Recommended) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Sold) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Profit/Loss</span></strong></div> </td> </tr> <tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">01/05/2011</td> <td class="numbersbody">04/29/2011</td> <td class="numbersbody">114 Days</td> <td class="numbersbody">$12.69</td> <td class="numbersbody">$18.20</td> <td class="numbersbody">43.42%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">CMG*</td> <td class="numbersbody">07/08/2011</td> <td class="numbersbody">08/18/2011</td> <td class="numbersbody">41 Days</td> <td class="numbersbody">$325</td> <td class="numbersbody">$285</td> <td class="numbersbody">12.36%</td> <td class="numbersbody">*Cover of a Short position</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">09/06/2011</td> <td class="numbersbody">10/24/2011</td> <td class="numbersbody">2 1/2 months</td> <td class="numbersbody">$11.11</td> <td class="numbersbody">$13.58</td> <td class="numbersbody">24.46%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">OLN</td> <td class="datebody">10/04/2011</td> <td class="numbersbody">10/27/2011</td> <td class="numbersbody">23 Days</td> <td class="numbersbody">17.17</td> <td class="numbersbody">$21.37</td> <td class="numbersbody">24.46%</td> </tr> http://www.ivoog.com/test The page is COMPLETELY messed up in IE 6. I am not sure what I have done wrong as everything I see is ok. How can it look exactly like IE 7? What changes? Thanks. hi, i want to create a screenshot of the webpage once is displayed on the client browser. Let's say, there is some php and javascript. The php code runs, than javascript code run. After that I want to make a screenshot and store it on the server. I guess I need a client side javascript code sending back an image to the server. Is that possible ? easy ? thanks |