HTML - Monitor Resolution And Html
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 Similar TutorialsHi 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. 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 http://www.disintegratethesun.co.nr/ Ok If you go there click to enter and right click to the right of flaming "disintegrate the sun" to get the view source option -- I have 2 Invisible Iframes on this page that is the reason I told you that -- ok my background image has a black semi transparent sqaure box on which the right iframe sits, I have made the Iframes background transparent so you can see through to the main page background and on a different resolution my iframes and nav bar move out of place and throw off my layout, My question is how can I fix this??? 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. 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? 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 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 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. Friends I am new to HTML, I have created a page, but when I view it on 00*600 it looks fine as I designed. But When resolution is increased, it shows right side empty. What should I do ????????? Hi. I'm just wondering what standart screen resolution i stheese days? Doen anybody still use 800x600, or is it alright to build a website for 1024x768? If so, is there any "design resolution" to prevent scrollbars in the most usen browsers? (What i mean is what resolution to give for example a flash site) Parashurama Well, my website is almost complete now, but its still not "wide" enough to extend all the way to the scroll bar on IE. Can anyone explain if there is an HTML code for this? or how to fix this on Dreamweaver? Hello everyone... I'm building a website http://newgroundsaward.webs.com/index.html The problem is that... when ever you minimize the window... the tables shrink. It can only be viewed in 1400x900 resolution. Is there a way to lock the aspect or something. Here's the link to my style sheet... Any help appreciated. Thank You. http://newgroundsaward.webs.com/styles.css Hi, When viewed in IE6 (800 x 600), some of my images shift down the web page with blank space above it. The images seem to start at bottom of the left side bar. Firefox displays the images correct. Could anyone help me with this problem? Thanks, Larry Basically I have recently added more to my "Navigation Bar" it works fine on a "1366 x 768" that is currently my screen settings. Yet i looked on a 1024 x 768 and it was all over the place. Here is screenshots of what I mean. This is what it looks like on the 1024x768 screen. This is how I want it to look on all screens. So im basically saying what settings to I have to apply to make this a fix on all screens. Cheers. Aloha! I have created my site with a resolution of 1280 x 800. Now I understand a bit more about resolution. In order to create my site with a lower resolution, do I merely change my computer's resolution by going to the control panel, and then composing my entire site again? What is the best resolution in which to create it? I also have a question about encoding. When one save's the html. document, how does one know which of the options in which to save it? Thank you for your help. So, my friends and I are making a gaming clan website, arabsofagrabah.com (Visit it if you want) and we're trying to make it in a way where the middle box is the only thing scrollable. We're having trouble making the frames fit right and also make it so the design stretches to fit all resolutions (obviously made for 1024, but I use 1152), so how can I do those 2 things? Remember... 1) Make the frames correctly fit where the main box is only content and scrollable 2) Stretch for all resolutions without making everyone clicking on a different resolution in the beginning of the site (splash, we'll make one) Remember, we're using dreamweaver MX here Alright I am new to this and I just finshed a fairly elaborate site for a buddy of mine. However, I didn't realise I was setting the whole site up under my screen resolution which is 1680x1050. Is there any way to make the site automatically adapt to different screen resolutions without me having to change every page I made. Please Help !!! Hello everyone! I just finished making a website and found some browser problems, which I sort of fixed. Now I found some problems with the different resolutions. Does anyone know some tips or suggestions that can help me fix that? (p.s My website is at webh3lp.comuf.com) Hi, I created a simple test webpage and publish it online. But when I used my friend's PC with his 19 inch screen, my webpage looked different from when I created it. I heard that it because of the resolution. I need help on how I can make my webpage compatible with all kinds resolutions. Please help as I am a newbie in creating webpage. Thank you so much. |