HTML - Flash Scaling

hey all, sorry if you get alot of annoying questions on myspace so ill try to make this easy

I have created an image with the scale of 1024x768 to put on my page. however, i have a monitor that runs on a 1440x900 resolution. of course i can change the image to fit my screen but then, it wouldnt fit the average users screen very well. Currently i have the image pushed to the left, but i can get it centered horizontally with the code Code:

background-position: 200px 0px;

but vertically im having a bit of trouble. heres an image of what im seeing.


http://img409.imageshack.us/img409/1851/img1wz6.jpg



the words on the right are suppose to read "Echoes From Malta" however the "ta" in "malta" is cut off the bottom of the page.

thats what the problem is from my end of the picture. from my friends view, who is on a smaller screen (i dont know the size) sees the image as being to big for the screen compared to me seeing it so small.

so in short, how can i get the image to fit the screen correctly for me, and get it to scale appropriately for viewers varying resolutions.

thx for your help

I know there are a lot of table scaling issues out there, but I can't find one with my specific problem. I've set up this page made of a simple table with 9 cells. 3 Rows and 3 columns. All the cells have jpegs in them except the center one. That has a flash swf. My end intention is to have this without any scrollbars. I already know how to take those off, but I've left those on until I figure out this problem so that you can scroll around the page to see what I'm talking about.

http://www.cachemeadow.com/beta_website/index2.html

MY ISSUE:

I'm wanting the viewer's screen to automatically center on the flash movie (the center cell). I would like all other cells in the table to 'bleed' off screen, thereby accommodating viewers with higher/lower screen resolutions. This also includes the first cell (top left) to bleed off the top-left so that the screen can be centered on the center cell.

I would also prefer to make the page so that if anybody views or scales the entire window that it would always center in on the center cell (flash swf).

I don't know very much code. I'm more of a graphics guy. Please help.

Here's my existing code:

Thank you.

Hi all
Im having this weird issue..

On my site, under pics http://www.2muchspiff.com/weedimg/ some of the image are large, and when you zoom in on them, and zoom out, it makes the image all weird. How can i fix this? thanks

Hey everyone,

I've been redesigning this website I did for a local restaurant, trying some different takes on things (not designing the entire website using framesets and tables), and I'm still a bit confused. I'm currently on a 1280x800 resolution, Windows Vista and Firefox 3, and designing the website in I suppose what would be what looks best in THIS resolution. However, when I switch to 1024x768 which a lot of people are still using, the website is offset to the right due to my 'margin-left: 200px;' in the container. How else can I go about centering this page so that it is in the middle for most/all resolutions?

The link is he
http://www.totaros.com/indexnew.aspx
So far the index, directions, and cuisine pages are fresh. All of the other links should point either dead or to the old website's pages.

Thank you for taking the time to read my message, and thanks for any help in advance!

Hi,

I'm doing some tweaks to my tumblr layout, and I'm really, really bad at this.

What I need help with is the image scaling. The layout has standard 550 width for images posted. However, this makes all images this width automatically. For photos that are bigger than 550 px it's fine, they can be made smaller, but I wish to remove the feature that makes smaller photos being scaled up. F.ex. if I post an image with 200 or 300 px width, I don't want it to be scaled up to 550 px, I want it to stay in it's original, smaller size. How can I do this? Here's my code for images:

{blockhoto}
<div id="entry">
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{blockermalinkPage}{LinkOpenTag}{/blockermalinkPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{blockermalinkPage}{PhotoURL-HighRes}{/blockermalinkPage}" alt="{PhotoAlt}" max-width="550"/><div style="margin-top:-4px; margin-bottom:-4px;"></div>
{block:IndexPage}</a>{/block:IndexPage}
{blockermalinkPage}{LinkCloseTag}
{/blockermalinkPage}
{block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div>

Thanks in advance.

/V

hey i need some help to scale my webpage to fit all screens.

a mate of mine told me to use this code, however it dosn't work


Code:

<html>
<head>
<style>

span.site {
		
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:1680px;

}

</style>
</head>

<body>

<span id="site">

blablabla

</span>

</body>
</html>

how should i solve this problem?

Hi there,

I recently made a "mobile" version of my business' website, and am using some javascript to redirect screen sizes smaller than 480px. The problem is, the mobile page I designed looks tiny on iPhones, even though in a regular browser it looks very similar to other site's mobile pages (which look great on the iPhone.)

If someone could give me some advice as to why this is happening, I would appreciate it very much.

I found a site that looks and acts just like how I want mine to: http://mobile.walmart.com/m/home

And here is mine: http://www.sandiegopcsupport.com/mobile/

Thanks

I've searched around quite a bit, read various articles and so-on and only really come to the conclusion that this is a lot harder than it should be!

What I have is a simple page for a PHP script, it has a little form for entering keywords, and displays an image above this form. Now, what I want to do is place these in a table, and have that table resize to fit the viewable area of the user's browser-window.

So, what I have is a table with three-rows: The title of the image The image itself The form for entering image keywords
Now, what I would like to do is have the image scale to fill the middle cell, which by default eats up all available space leftover by the form and title cells. However, this isn't happening, I enter a height of 100% for the image but it seems to be using some other container to get its height.

I'm generally well-versed in HTML, but this one has me stumped! Any help is appreciated, here is the basic HTML I'm using for what I had thought would be a simple page

Code:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
		<meta name="author" content="Haravikk.com" />
		<title>Add keywords</title>

		<style type="text/css">
			body, html {
				height: 100%;
				margin: 0;
				text-align: center;
			}

			tr, td, textarea { width: 100%; }
			table {
				width: 99%;
				height: 100%;
				margin: 0 auto 0 auto;
			}

			table, td {
				border-width: 0;
				border-spacing: 0;
				padding: 0;
			}

			#image { height: 100%; }

			#tdTitle { height: 5%;  }
			#tdImg { height: 75%; }
			#tdForm  { height: 20%; }

			#formText { width: 100%; height: 75%; }
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td id="tdTitle"><b>placeholder.png</b></td>
			</tr>
			<tr>
				<td id="tdImg">
					<img id="image" src="http://haravikk.com/placeholder.png" alt="" />
				</td>
			</tr>
			<tr>
				<td id="tdForm">
					<form action="keywords.php" method="post">
						<textarea name="keywords" id="fmrText"></textarea><br />
						<input type="submit" />
					</form>
				</td>
			</tr>
		</table>
	</body>
</html>

Now, I don't know if I could eliminate the table in favour of divs and do this, any suggestions to make the above html work, or to re-write it are welcome! The image provided is just to illustrate the problem

quick intro~
im an artist making a unique gallery. i did have someone else helping out n tried doing things in wordpress but that was getting to be too much trouble (especially after a promotion in their dayjob left me effectively alone with a site beyond my understanding). so i'm striking out to make it look as i want in plain ol' html first, and will tackle the database and backend stuff later.


http://www.gaudiepod.org.uk/light/al.../test****.html

^ this example uses a few different techniques from my explorations of the possibilities.

http://www.gaudiepod.org.uk/light/al...t****beta.html

^ this example is closer to what i am looking for (ignoring that it's all the same image for the moment).
the images aren't merely cell-backgrounds, and so can be turned into clickable links without messy text (which was there just to give something that i could turn to links to lead to the fullscreen images), however all is not yet quite right....


...when the window is large enough, the images in the grid show correctly, filling the screen. (hurrah!)

but squish the window too small, and the cells refuse to shrink further than 100% the image's original size,
and worse,
the "fill table to 100% of window" breaks, and a scrollbar appears.

i was wondering perhaps if i discovered the code to disable the scrollbar, that would force the table to remain constrained to the window's edge again. (would it?)

but i'm guessing this cant be the whole solution, given the behavior of the table as is.


what i'm going for, is a grid of 9 clickable images , that always scale to fit the window (or frame).

(tho of course, the skills here will be scalable/transferable to tables any number of cells, not limited to just a 3x3 table of 9 cells)


how can i make sure the table remains inside the window (no scrollbars!), and the images can scale down to smaller than original size?


if i've messed up some other way (like left some link pointing to my local files or something), do please let me know.

I've just published my first flash site, which is a schoolproject.
I have this little problem: my site won't center in the popup so i get this white border in top and left site while some of my site is missing in right and bottom.. you can see it he http://www.rtgkom.dk/~caspers06/ click on anotherDepth.

Here's the code i used for my popup:

Code:

<SCRIPT LANGUAGE="JavaScript">

function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=959,height=500,left = 35.5,top = 128');");
}

</script>

Code:

<a href="" onClick="MinPopUp('http://www.rtgkom.dk/~caspers06/main.html');return false;">
        <A HREF="javascript:popUp('http://www.rtgkom.dk/~caspers06/main.html')"><img src="images/index_09.gif" alt="" width="254" height="58" border="0"></A>

Hope someone can help me..

Btw, if this is posted the wrong place im very sorry but i could'nt find anything about javascript.

Hey,
Im making a site for a client and we've hit a dead end one one thing i particular

The whole site we've made is HTML and Images only. The only flash element is the Navigation bar at the top. With out making 2 dedicated flash/non flash sites,
how do we make it so that if flash is not detected on the viewers computer then the flash navigation will not show, but instead show a java script rollover nav bar?

I was thinking maybe have the flash nav in a div that floats over the image nav, and if flash is not detected it would disappear...?

help would be super appreciated.

-Mongoose

this is the code I tryed

----------------------------------------------------------------------------------------------------
<img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="200"
height="200">
-----------------------------------------------------------------------------------------------------

I put it within a series of other links and images and so on

------------------------------------------------------------------------------------------------------
href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9kaXYtb3ZlcmxheQ==">myspace div overlay code tutorial by Eileen</a></i><i class=i>!-Begin Block to set Table Level and Open custom Div-!</i><i class=i>Close ALL open tables so that our div is not effected by the stuff we have removed </i></td></tr></table></td></tr></table></td></tr></table><i class=i>!! top banner, or anything else outside of your core content space can go here!!</i><i class=i>!!Create and size our div.!! </i><div class="myCoreDiv" style="width:800px; height:auto !important; border:0px violet solid; position:relative; top:0px; overflow:hidden; z-index:0;"><i class=i>!!-----START Core Custom CONTENT------!! </i>

<img src="http://img152.imageshack.us/img152/5053/lgallerynewcopyox2.jpg">

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0z NDU1MTgzNDYmTXlUb2tlbj0="style="position:absolute; top:700px; left:170px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmllbmRfdmVyaWZ5 JmZyaWVuZElEPTM0NTUxODM0Ng=="style="position:absolute; top:660px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJp ZW5kSUQ9MzQ1NTE4MzQ2JmFsYnVtSWQ9MA=="style="position:absolute; top:760px; left:180px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnRoZWxnYWxsZXJ5Lm5ldC8="style="position:absolute; top:730px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:150px; height:40px; "></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnNjb3R0ZHVwcmFzLmNvbS8="style="position:absolute; top:800px; left:30px;"><img src="http://x.myspace.com/images/clear.gif" style="width:160px; height:50px; "></a>

<img style="position:absolute; top:25px; left:270px" src="http://www.amarasoftware.com/slideshow.swf"quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="200"
height="200">

<i class="i">!!-------END Core CUSTOM CONTENT--------!!</i><i class="i">!!Open same number of tables we closed.!! </i><table class="myTclass0"><tr><td class="hideIfInInterests"><table class="i"><tr><td><table><tr><td><i class="off">!-END Custom Block to Set Table Level and Create Custom Div-!</i>
-------------------------------------------------------------------------------------------------------

The code highlighted red comes in on my div as a box with a small x.
So its detected to be there but some how doesnt pick up the content of the (swf.).

And I have to be honest I really don't know much about html at all.... I use it for my website and band myspace layout. This is for a photographers myspace. But I would greatlly apprecieate it if someone could please explain to me what I should put there I would worship you...

Well thanks everyone for looking through this mess. I hope theres someone out there with an awnser.

I can view the flash in my HTML script when I run it straight from my computer, but when I upload it I don't see it. I've tried it on three different web hosts. The directories are definitely correct. I don't understand why it simply won't work.

This is the code I'm using to display the flash movie:
PHP Code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="580" height="150">
      <param name="movie" value="menu_logo.swf" />
      <param name="quality" value="high" />
      <embed src="menu_logo.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="580" height="150"></embed>
    </object> 


The flash file is located in the same place as the HTML file is. ( the root )

Hello there,

This problem might belong in the serverside section, but it seems to be syntax related, so I'll post it here for now.

The current problem can be seen at: http://urkedaljenssen.no/hp/gallery/images/photography/ (The thumbnails become black X's, but do not worry about this, it is a different problem altogether. This is just an example of the application in use)

The application in question is Simpleviewer, located at: http://www.airtightinteractive.com/simpleviewer/ (free application)

The automated script in which the problem is located is he
http://www.airtightinteractive.com/s..._instruct.html (PHP version)

Problem:

When trying to execute the script, having chmod'ed everything to 777 on all levels, it displays syntax error on line 408. I have checked line 408 in the script and this is the doctype declaration, I can't see any errors in it, but perhaps a fresh pair of eyes can as I have been working

Thank you.

This will proubly be easy for some of you but i need some help.

veiw www.aeonnorth.com source. And tell me why i cant get the top 5 buttons to link? Service-Products-Forums-Contact-Support. I have a map set up. but doenst seem to be working. whats wierd is i can mouse over and see its a link but doesnt take me anywhere. please help