|
HTML - My Site Is Showing Expanded In A Large Monitor
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.
Similar TutorialsHello everybody! My name is Myron, and I'm a bit stumped on a code we are using at school. The teachers gave us the following HTML we could use for a site we made, but so far it seems to be only working on FireFox and Chrome I'll use this site as an example: http://www.hildevos.com/ As you can see, IE seems to be loading the page, but then fails to show the Flash-component in the middle of the screen. FireFox and Chrome don't seem to have this problem, which is nice, but I really want to run the site on all webbrowsers! This is the code we are using: Quote: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1"> <title>www.hildevos.com</title> <meta content="Dutch, Nederlands" name="language" /> <meta name="description" content="Hilde Vos, The Official Website." /> <meta name="Keywords" content="Hilde, Vos, A Heartbeat Away, Country, Singer Songwriter, Music, Nederlandse zangeres"/> <meta name="revist-after" content="15 days"> <meta name="distribution" content="global"> <meta name="robots" content="ALL"> <style type="text/css"> #swf_gecentreerd { width: 990px; height: 590px; position: absolute; top: 50%; left: 50%; margin-left: -495px; margin-top: -295px; } </style> </head> <body> <div id="swf_gecentreerd"> <object type="application/x-shockwave-flash" data="Index.swf" width="100%" height="100%"> <param name="allowScriptAccess" value="Index.swf" /> <param name="loop" value="false" /> <param name="menu" value="false" /> <param name="quality" value="high" /> <param name="scale" value="noscale" /> <param name="wmode" value="opaque" /> <param name="bgcolor" value="#FFFFFF" /> <embed src="Index.swf" width="100%" height="100%" loop="false" allowscriptaccess="sameDomain" menu="false" quality="high" scale="noscale" wmode="opaque" bgcolor="#FFFFFF"></embed> </object> </div> </body> </html> If someone could please look at the code and snuff out all the errors, I'd be really happy! Thanks in advance!! Hi, I have made a website that is scalable, but the problem is that it is not showing correctly in Internet Explorer. It works fine in Firefox. (2.x) site: http://www.haaga-helia.fi/~a0500249/pohja/index.html I don't know where the bug is. I ran it with w3c validator and it was fault free. Something to do with the css file, but I don't know where. Help is appreciated. Sincerely, Juha Hey all! We seem to be having an issue with something. We changed the nameservers for a domain to a different hosting company and made up a new site for that host. Everything went fine. When I view the site on my computer the new site is there as it should be. However on my friend's computer it's still pulling up the old site with the old host, even though we've cleared out all the cookies, cache, etc. Sometimes the new site will pop up for a bit, then the old site shows up again, only on his computer. We're both going through the same internet service provider and I can't think of a single reason why his computer would be doing that. Any ideas? This site: http://gmjones.org/ Displays well, apart from the black background!, in Opera and FireFox browsers but not in Microsoft's browser. The code for the search box is <li><form action="http://www.google.com/search" name="searchbox" method="get" style="padding-top: 1px;"> <input name="hl" value="en" type="hidden"> <input name="sitesearch" value="gmjones.org" type="hidden"> <input maxlength="205" size="38" name="q" value=""> <input value="SEARCH THIS SITE" name="" style="font-size: 80%; margin-left:19px;" type="submit"> </form></li> How do I get the search box to appear within the rest of the red strip, and in red? Thanks. EDIT: DON'T KNOW WHAT I DID BUT IT'S OK NOW! Greetings all, i have a site that i've tested on my servers, and everything looks great in IE, FF, Eudora, etc... but then when i post it to the client's server, it appears fine in IE, but in FF (through Netscape), it gets these funny characters everywhere (see attached). Like 'A's w/ carats over them at the spaces and such... i don't know if this is something correctable in my code, or if it's a difference in hosting environments. Any insight would be greatly appreciated... and just for reference, this is the encoding at the top of each page in case it matters: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> TIA 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 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. 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 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. 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 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. Hello, I am getting huge breaks in IE after writing down <br>. This problem only occurs in IE. It doesnt occur in Google Chrome. I removed all the other code and only left the text and one picture there and it still does the same. Heres the link: http://www.jkdolniprim.cz/invalid/ I want the margin and padding to be 0px. Thank you for your help. Hi, I have a pretty general question but i'm posting it here since it pertains to xhtml and content. As far as I understand the big deal about css is that it makes your sites flexible and lets you edit the layout and look of every page just by changing the stylesheet/s they are linked to. Is there a way to do this with content? What if I have hundreds of pages and want to add a link to the navigation bar? Is there a way to link templates and content to script the same way I link css? Thank you in advance and feel free to move this if this isn't the appropriate board. Hi All, We have images which are displayed in panel series. We have images if all sizes and width, we have tried using width=100% which makes all the images to fit the width allotted, which makes the image BLUR if the image is very small. Is there a way by which we can have width=100% for only the oversize images and leave the others as it is. Regards, Nagesh I'm looking for the coding to make a small (ex:100x100) picture to its NORMAL size i've found others that like when you click it it doubles it. not really what i want I want it so when you click on an image, a popup will appear with the regular size of an image. I'll even pic the sizes in manually if i have to (was suposed to be HOW to..not hot to lol my bad) so I have been working on this site trying to make it look like the image below how do I get the large portrait to the right of all the smaller images without messing them up? thanks in advance. http://i46.tinypic.com/64gxew.jpg Hi, I'm new to this forum and this is my first post. I have a large GIF image (2000x1000px approx) which is an interactive map. Since most screen resolutions will be less than this, is there any way to get the image to display centred rather than the bottom right-hand corner? I want 50 text fields for a form on a webpage. Is there a way to do this using a loop instead of manually writting the html code for all 50. I have tried this but it does not work. Code: <script type="text/javascript">
var i;
for(i=0;i<50;i++)
{
document.write("<tr>");
document.write("<td>~address(i)~ </td>");
document.write("<td>~name(i)~</td>");
document.write("<td><input type="text" name="name[i]" maxlength="16" value="~name(i)~" size="20"></td>");
document.write("</tr>");
}
</script>
Thanks |
|||||||