|
HTML - Auto Adjust Site Size?
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.. Similar Tutorialsi have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame now this 1.htm is quite a long frame and has a scrollbar and 2.htm is a short one i dont the scroll bar beside my frame 1 but want it to be for my entire parent window ie i wont to scroll both my left and right frames together how do i do that Hey guys how to adjust any page to the particular screen (i.e., different screens) .... please help me out Thanks 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 Hello, This is gonna be difficult for me to explain, but here we go. I am wondering how I create a page that automatically (as far as possible) re sizes when you make the window bigger and smaller. So that the use of scrollbar is minimal. Do you understand what I am trying to say? Kind of floating in a way. I am using dreamweaver and am gonna code this site in xhtml strict (right choice?). Have a nice day, helen Hello, I'd like to know if there's a way to 'force' a website to be viewed in a certain resolution. My site was designed for 1024x768 at home. Externally the office computers I tested it on are set to 1280x1024, and the site looks far too small. Is there html or script that would auto size it to 1024x768 without the user changing monitor resolution? Here's the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>www.testing.com</title>
<style type="text/css">
html,body {
height:100%;
margin:0;
background-color:#000;
}
#vertical {
float:left;
width:100%;
height:50%;
margin-top:-329px;
}
#container {
clear:both;
width:933px;
height:658px;
margin:auto;
}
#container img {
display:block;
width:933px;
height:658px;
border:0;
}
</style>
</head>
<body>
<div id="vertical"></div>
<div id="container">
<img src="comet3.jpg" width="933" usemap="#map" alt="comet3">
<map name="map" id="map">
<area shape="circle" coords="885,123,9" href="comet2.html" alt="">
<area shape="circle" coords="916,124,9" href="comet4.html" alt="">
<area shape="rect" coords="785,71,904,103" href="contact.html" alt="">
<area shape="rect" coords="665,70,756,109" href="about.html" alt="">
<area shape="rect" coords="371,73,462,112" href="index.html" alt="">
<area shape="rect" coords="499,70,632,111" href="portfolio.html" alt="">
<area shape="poly" coords="891,118" href="#" alt="">
</map>
</div>
</body>
</html>
Thanks to anyone who can help with this! Cheers J Hihi.. On my web, i have decided to put up a series of photos running downwards along the left.. This is the series of htmls i used. <div style="position: absolute; top: 260px; left: 60px; z-index: 5;"> <img src="http://xs205.xs.to/xs205/06343/1.PNG"> </div> <div style="position: absolute; top: 348px; left: 60px; z-index: 5;"> <img src="http://xs205.xs.to/xs205/06343/2.PNG"> </div> <div style="position: absolute; top: 433px; left: 60px; z-index: 5;"> <img src="http://xs205.xs.to/xs205/06343/3.PNG"> </div> However, when i change a picture, it gets posted as its original size.. Is there any way i can create a "frame" in which my photos, once posted, will be auto sized into the frame? Also, whenever i put my cursor over a weblink... its shifts to the left! and I wont be able to read the first 2 letters... =/ How do i solve this? Thanx so much for any of the help given.. Hi! On a page I'm trying to accomplish the following: A border with a static width surrounding positioned elements (divs). Each element can vary in height and holds text, tables, images, etc. Problem: Is there any way to dynamically adjust the border height to the content? I don't want to use scripting. I have tried using a div with auto height, but it does not adjust to inner divs. I have tried using a table cell containing divs, breaks as soon as divs are positioned. Please help! See simplified example below. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>HTML</title> <style> .borderdiv{ position:relative; width:628px; margin-left: auto; margin-right: auto; background-color:white; height:300px; border-color:#CA3182; border-style:solid; border-width:1px; background-color:#EDFBFD; } .pinkdiv{ position:absolute; width:628px; height:64px; border:none; background-color:#F8D7DA; } .div1{ position:absolute; width:292px; height:29px; top:24px; left:10px; border-width: 1px; border-style: solid; } .div2{ position:absolute; width:200px; height:49px; top:10px; right:11px; text-align:right; border-width: 1px; border-style: solid; } .div3{ position:absolute; width:193px; height:200px; top:175px; right:23px; background-color:#EDFBFD; border-width: 1px; border-style: solid; } </style> </head> <body> <div class="borderdiv"> <div class="pinkdiv"></div> <div class="div1">div1</div> <div class="div2">div2</div> <div class="div3"> <table border="1"> <tr> <td><strong>Table</strong></td> <td><b>Dynamic text.</b><br>Amount of text may change here.<br><br>Pink outer border (borderdiv) should adjust to the content in this table!!!</td> </tr> </table> div3 </div> </div> </body> </html> I have to auto center a hole website. what is the easiest way to do this? Thanks in advance 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 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> I need to figure out my navigation bar & how exactly I'm going to do it. I'd prefer to have it one long row, but I'm running at 1280x1024 and it looks great, but I dont think most people run their screens at that. So what should I do? Keep it long, or make 2 even rows? Will it adjust to be smaller on the smaller resolutions? Is there a way to make it liquid? 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!! Hello. I have a flash header on my page with links. When each link is pressed, the appropriate .html page is loaded into the iframe, which i have defined with this code: Code: <iframe name = "mainframe" src="home.html" width="746" height="800" frameborder="0" align="middle"> The problem is, the different pages that will be loaded into 'mainframe' have different heights, and i would like the iframe to adjust to these heights without adding scrolling bars. How would I do this? Hi! I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window. How can I make it do that? I did it once but just can't seem to remember how I did it. Thanks Ive posted several times here before about this part of my website, guess what.. another challenge yet again In has got this pop outscript that pops out at the left side of the screen when hovered on. Click here, see the button on the bottom left to see it working. Now, I just tested the site on a 1024x768 resolution and when hovered on, it shows but fails to create a solution for the small screen. ( a horizontal scrolling bar perhaps? ) It just pops up and only half gets shown. I have tried adding overflow:visible, overflow-x:visible, etc. etc. Frankly I dont know how to solve it, could appreciate some help. Thanks. All: Working to update a previously designed website. Original design uses an <img> tag to create a top banner and another <img> tag to create a side banner. In each case there are mapped coordinates on each banner as links for the subsequent pages. Basic page design is as follows: Code: <table>
<tr>
<td>
<img usemap="Map1">
<map name="Map1">
<area>
<area>
<area>
</map>
</td>
</tr>
</table>
<table>
<tr>
<td>
<img name="Map2">
<map>
<area>
<area>
<area>
</map>
</td>
<div>
***PAGE CONTENT***
</div>
<tr>
<table>
The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages to be much longer or shorter than others. This causes some inconsistencey in the relationship between the side banners height and the page content. In other words in some cases the banner is exceptionally longer than the page content and the reader must scroll past significant "dead-space" before being brought to the lowest mapped links in the side banner; or... ...in some cases the side banner is significantly shorter than the page content causing the banner image to appear "poorly-fit" to the page design. I considered altering the 2nd table instance in the above design so that the banner is carried in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the image to size relative to the <td> tag carring the content.... Code: <table>
<tr>
<td>
<img usemap="Map1">
<map name="Map1">
<area>
<area>
<area>
</map>
</td>
</tr>
</table>
<table>
<tr>
<td size="100%">
<img name="Map2">
<map>
<area>
<area>
<area>
</map>
</td>
<td size="100%" >
<table>
***PAGE CONTENT***
</table>
</td>
<tr>
<table>
The problem I've found with this is that as the content size causes the image to "flex", either readablilty or image quality or both are effected, AND the mappings become inconsistent as the image coordinates constantly change. I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there are better ideas I'm overlooking. One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a "defalut" page size that would never be smaller than a standard for the side banner. Problem: larger page sizes are still a problem as are the changing map coordinates My other idea was to return to the original page design listed first above and again settle on a standard side banner "height"... ...any page that was significantly longer than that height would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to the additional content. Problem: ...possible complications splitting content... Benefit: ...consistent page design that allows a consistent side banner with navigable links... Question for the group: Does this sound reasonable? Are there better alternatives I am overlooking? THANKS IN ADVANCE FOR ALL INPUT!! I am wondering if it is possible to create an INDEX.HTML to redirect to another website? I would like it to display the redirected site, but if possible keep to the original address.. e.g. A site named www.mysite.com, with an INDEX.HTML to redirect to www.othersite.com, which displays OTHERSITE with www.mysite.com in the address bar. Hope I explained ok, any responce would be much appricated! Thanks! Hi Guys, Does any body know where in html you can change auto-formatting on or off Because previsouly i had turned it on and when i press ctrl + a then ctrl + X and then repaste the code HMTL would automatically format it.... This would be really handy if some one can tell me please... Thanks. Please help, I have taken my website from fireworks and exported it to Dreamweaver. In my editable html text area I can't change the H1 to a h2 tag with out the entire table changing due to colspan and rowspan automaticly being added by either fireworks or by dreamweaver. If I delete the colspan code the table collapes??? The tutorial I am following allows the instructor to change on his with ease. Firworks cs3 and dream cs3 Thanks you in advance. Yes im a begginner...lol |
|||||||