HTML - Widescreen Monitor Error
I am making a site that looks like this on a normal monitor:
That is what I want it to look like on all monitors. But it looks like this on my widescreen monitor: I was wondering how I can center it on just widescreen monitors, or at least how I can make it look good and not change what it looks like on the non-widescreen monitors. Similar TutorialsHi, Could someone help me code this page to fit a screen full width, regardless of the monitor width? No scrolling, just auto-scale to fit the full monitor. Ignore the crappiness, just a rough layout draft made in paint. Thanks. Hey guys I wondered if you could provide any insight into the best method to ensure that a website will look wonderful regardless of monitor resolution. I'm trying to dip my hands into the wonderful world of design and need a few kick offs to get me going. Thanks, -Rich I am looking to upgrade my monitor to 20" widecreen, but I am a bit concerened about web design. At the moment I have a 17" TFT at 1280x1024 and I have to be really carefull when designing to make it fit 1024x768. Can anyone suggest an easy way to design for a different resolution on a widecreen monitor? thanks I want to create a webpage that will allow a group of people to check a list of livestreams. (www.livestream.com) In the art community i'm in, there are around 20 livestreams that aren't all on the current monitor list and the owner is away. The current list is pretty fancy with some javascript and css, but i'm just looking for a list of names that go down and next to it say "Online/offline" I'm just looking for a backup for when some streams aren't listed. ex Fribox - Offline Fribox2 - Online Fribox3- Online I don't know alot of code, enough to make a simple webpage, but i'm more than willing to learn and would love some help if possible. Edit: livestream API allows me to grab status from a xml file. How do I drop this information into my webpage? Hi guys, i put only one image in my page. but its not align of center of the screen. It aligned only horizontally. i want also vertically centered alignment. the image should align horizontally center and also vertically center align. how can it possible please send me the valuable solution or opinion. i gave one sample image. hello! i'm trying to get a 2000px x 3000px image to load horizontally centered on even the smallest monitor, making the visitor start in the image's middle top and scroll both horizontal & vertical. how can i do this without too much damage to my brain? thanks for the knowledge! berbes I have a to make web page containing 2 columns. This is done. Now what I would like to insert in the code is something like this: The 2 columns should be full screen on any resolutions. Something like the page would adapt to the monitor resolution. The percent would be 80% for the first column 20% for the se cond one. What I don't know - is how to do that. Would a table resolve this problem? What would be the code for this? Suggestion are well appreciated. Hi, I have a few questions. I use Netscape Composer 7.2 to design my webpage (since it is free), and occasionally insert my own hand-written html code. 1. I have a 22" 16:9 wide-screen monitor. Why do websites waste all the space to the left and right of their content with either a background image or a single solid color? Many sites do this (but not google), such as: http://www.summitpropertiesgroup.com/about.php http://www.nytimes.com/ http://www.usatoday.com/ https://twitter.com/ Is it because they are all designed for small laptop monitors? Do most people have 17" desktop monitors these days? 2. What is the html code to shrink my webpage width to make my site look like these sites? Right now, my webpage is the width of whatever the monitor is. I assume I have to use one large table and set an absolute width to whatever?? 3. How do I verify that my website looks just as good on a 14" laptop monitor as it does a 25" desktop monitor without having to buy all these monitors or ask friends to use theirs? I am worried since I just hit the tab or space key on Netscape Composer when I want to indent in a certain manner, and I wonder how this looks to someone using a smaller monitor. I have 17" and 22" monitors myself so I know it looks good on those. I also put 640 x 480 pics side by side, with text typed on top of each pic. I am worried on a smaller monitor, only one pic may fit, and the text on top will be mixed up. Thanks for any help! Stephanie My site is showing expanded not looking nice in big monitors. Can anyone help please. I think it is a container or sidebar problems. pl see the attachment. I will appreciate your help. Code: Parse error: syntax error, unexpected T_DNUMBER in /home/a6989956/public_html/include/database.php on line 24 Can anyone please tell me whats wrong? Here is line a few lines Code: class MySQLDB { var $connection; //The MySQL database connection var $num_active_users; //Number of active users viewing site var $num_active_guests; //Number of active guests viewing site var $num_members; //Number of signed-up users /* Note: call getNumMembers() to access $num_members! */ /* Class constructor */ function MySQLDB(){ /* Make connection to database */ $this->connection = mysql_connect(hostname, username, ********) or die(mysql_error()); mysql_select_db(database, $this->connection) or die(mysql_error()); /** * Only query database to find out number of members * when getNumMembers() is called for the first time, * until then, default value set. */ $this->num_members = -1; if(TRACK_VISITORS){ /* Calculate number of users at site */ $this->calcNumActiveUsers(); /* Calculate number of guests at site */ $this->calcNumActiveGuests(); } } line 24-25 is Code: $this->connection = mysql_connect(hostname, username, ********) or die(mysql_error()); mysql_select_db(database, $this->connection) or die(mysql_error()); PLEASE HELP! I'm having an annoying problem that I'm not understanding why it doesn't work. At this point I'm sure it's something simple I'm overlooking. I have a horizontal accordion menu, which is using a UL, now in my Services section of the menu, I have another UL that only shows the first item, and the button that is suppose to be there disappears. According to W3 validation tools, all of my HTML and CSS is error free, so not sure why it's behaving like this. The website is http://dev.jabrowndesigns.com Thanks for any advice. P.S. The menu doesn't work IE for some reason, haven't quite reached it yet as it's not too high on my list at the moment, but if anyone knows off the bat how to fix it, thanks for that too! Ok hi everyone hows it going! Ive been trying to get rid of one xhtml error and its prooving harder then I antisipated to remove it! CLICK HERE TO SEE THE VALIDATION PAGE CLICK HERE TO SEE THE SITE IN QUESTION Please if this is something easy and im missing it please let me know! <script type="text/javascript"> function changeSrc() { document.getElementById("myImage").src="help_button.gif"; } </script> </head> <body> <img id="myImage" src="audio_button.gif" width="107" height="98" /> <br /><br /> <input type="button" onclick="changeSrc()" value="Change image" /> This is my html code, while go through the output, get only one rectangle and button, i can't see this image,??????... which i include in the code.i already put the image in same folder. Ok i have this one error and ive deleted the entire line but it repeats the same error again because the link below it has the same error aswel.. Not sure what the error is.. Any ideas please? CLICK HERE TO SEE THE XHTML VALIDATION ERROR Ive pasted the error below aswel.. # Error Line 61 column 96: there is no attribute "target". ...l_2_briefs/IND382_brief.html" target="_blank">IND382</a><br /> You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash. I am trying to help a friend with his website after his admin left. The site was set up years ago and was never finished. He had a simple web form that would send an email using the code below. The previous guy had the output going to himself and then he would fwd to the sites owner. Strange but not sure why. I just went in to edit the email address, but now I get a "The requested URL /_derived/nortbots.htm was not found on this server." after hitting submit. I googled the error and the only thing I can find is that possibly the original page was created in Frontpage and after opening the file in Notepad++ the file lost some FP attribute. Any ideas what I should try? Thanks Here is the code: <html> <head> <title> Newsletter Registration</title> <meta name="description" content="domain.com" /> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <script src="/resource/js/main.js" type="text/javascript"></script> <link href="/resource/css/main.css" type="text/css" rel="stylesheet" media="all" /> </head> <body onload="initJS();"> <div id="wrapper"> <table id="mainTable" cellspacing="0" cellpadding="0"> <tr id="banner"> <td style="font-family:Arial,sans-serif; color:white; text-align:right; vertical-align:middle; padding:5px 30px 0 0;" colspan="3"> <p style="padding:0; margin:0;"> <!--webbot bot="Include" U-Include="resource/include/quicksearch.html" tag="body" startspan--> <form method=get action="/cgi-bin/listman/exec/search.cgi"> <input type="hidden" name="search" value="1"> <input type="hidden" name="perpage" value="10"> <input type="hidden" name="marknew" value="1"> <input type="hidden" name="euro_numbers" value="0"> <input type="hidden" name="sort_order" value="3,abc,forward" /> CITY <select name="lfield3_match" size="1"> <option value="" selected>Any</option> <option>Affton</option> <option>Woodson Terrace</option> </select> ZIP <input type="text" size="10" name="lfield5_match" /> <input type="submit" value="Quick Search" /> </form> <!--webbot bot="Include" i-checksum="56169" endspan --></p> </td> </tr> <tr id="menu"> <td style="vertical-align:top;" colspan="3"> <map id="menu" name="menu"> <area shape="rect"#Home coords="32,4,94,24" href="/index.html" title="Home" /> <area shape="rect"#List Properties coords="151,3,292,26" href="/cgi-bin/listman/exec/search.cgi" title="List Properties" /> <area shape="rect"#Rentals coords="360,4,429,25" href="/rentals.html" title="Rentals" /> <area shape="rect" coords="491,3,604,25" href="./contactus.html" title="Contact Us" /> <area shape="rect"#About Us coords="673,3,773,25" href="/aboutus.html" title="About Us" /> <area shape="rect"#Benjy's Ads coords="832,4,946,26" href="/domain.html" title="Benjy's Ads" /> <area shape="default" nohref="nohref" alt="" /> </map> <img usemap="#menu" style="width:974px; height:30px; padding-bottom:15px; border:0;" src="./resource/image/menu.jpg" title="Home" /> </td> </tr> <tr> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowleft.jpg') repeat-y top left; vertical-align:top; text-align:right"> <div style="height:100%; background:url('/resource/image/bgbottomleftcol.jpg') no-repeat bottom left;"> </div> </td> <td style="width:941px; vertical-align:top;"> <div id="content" style="height:100px; border:1px solid black; overflow:auto; padding:15px; background-color:white;"> <div style="border:1px solid black; background-color:lightgrey;"> <h2 style="padding:5px; margin:0;">Benjys Newsletter Registration</h2> </div> <ul> <li>New Properties "<font color="#0000FF">Last Seven Days</font>", </li> <li>New Properties "<font color="#0000FF">Last 30 Days</font>", and </li> <li>A Complete Listing of all Properties</li> </ul> <p align="center"><font color="#0000FF"><b>To join the Newsletter, just enter the following information below.</b></font></p> <form method="POST" name="registration" action="_derived/nortbots.htm" webbot-action="--WEBBOT-SELF--" onSubmit="location.href='_derived/nortbots.htm';return false;" webbot-onSubmit=""> <!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" B-Reverse-Chronology="FALSE" S-Email-Format="TEXT/PRE" S-Email-Address="sander.liebert@gmail.com" B-Email-Label-Fields="TRUE" B-Email-Subject-From-Field="FALSE" S-Email-Subject="Info - Benjy's Newsletter Registration Page" S-Builtin-Fields startspan --><input NAME="VTI-GROUP" TYPE="hidden" VALUE="0"><!--webbot bot="SaveResults" endspan i-checksum="37496" --> <div align="center"> <table border="0" width="86%" id="table1"> <tr> <td width="211" align="center">First Name<br> <input type="text" name="First" size="20" style="border: 1px solid #0000FF; background-color:#CCFFFF"> </td> <td width="258" align="center">Last Name<br> <input type="text" name="Last" size="25" style="border: 1px solid #0000FF; background-color:#CCFFFF"> </td> <td align="center">Email Address<br> <input type="text" name="Email" size="40" style="border: 1px solid #0000FF; background-color:#CCFFFF"></td> </tr> <tr> <td width="211"> </td> <td width="258"> </td> <td> </td> </tr> </table> </div> <p align="center"> <input type="submit" value="Submit" name="B1" style="border: 1px solid #0000FF"> <input type="reset" value="Reset" name="B2" style="border: 1px solid #0000FF"></p> </form> </div> </td> <td style="width:30px; height:100%; background:#3300cc url('/resource/image/shadowright.jpg') repeat-y top right; vertical-align:top"> <div style="height:100%; background:url('/resource/image/bgbottomrightcol.jpg') no-repeat bottom right;"> </div> </td> </tr> </table> </div> </body> </html> Hi Guys, This is a really minor task but i cant seem to get rid of the page error on my homepage. If you go here http://www.pspwallpaper.co.uk/ then say click 'affiliates' and then hit the back button to the homepage it runs a error. Page error. If some1 could take a quick look and help me out. It might be just tiredness on my part i have been workin 3hours on new homepage and have no energy now lol. Any help gratefull. Regards, WhiteKnight Hi, can anyone help me understand why am i getting this error: Page: http://www.mysite.com Category: 102 - SCRIPT not commented Date: 3/30/09 Severity: 4 Threshold: Message: No comment around script content thanks to all for ur time. [url="http://www.buildit.sitesell.com/lavy.html"]SEO friendly Websites[\URL] It's a server error and not a client's issue. You might find some fix on these links: http://en.wikipedia.org/wiki/List_of_HTTP_status_codes http://pcsupport.about.com/od/findby...ervererror.htm http://pcsupport.about.com/od/termsh...statuscode.htm |