Just 1 Background image to fill the browser & NOT tiled images

After reading some of the suggestions given in this forum, I gather that I have to use CSS to get around this problem. What I did was:
in a Notepad text editor, typed & saved as mystyle.css
body
background-image:url('gradient-3-max.jpg');
background-repeat:no-repeat;
(*note: fr the CSS tutorial > How to > external style sheet. I may not have understood it completely.
Reads: ...... Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:)
<head>
<link rel="stylesheet" type="text/css" href="mystyle" />
</head>
I added this tag in my HTML document, however, the background is still tiled.
Where did I go wrong? I am a newbie to flash, so kindly guide me thru each step
Thank you!
Karen

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

Similar Messages

Filling the browser in Flash CS3

In Dreamweaver I am able to insert a short script to fill the
browser when I view my website. How can I do this fill the browser
action with Flash CS3??

ojodegato wrote:
> In Dreamweaver I am able to insert a short script to
fill the browser when I view my website. How can I do this fill the
browser action with Flash CS3??
file - publish setting - html , change publish size to 100%
rather than fixed pixel size.
Then it will follow your available space in html document.
Best Regards
Urami
"Never play Leap-Frog with a Unicorn."
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

How to get background image to fill the browser and remain fixed in both IE and Firefox?

Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
First of all, I'm using IE8 and the latest version of Firefox to test this.
I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

Need background photo to fill the space

Dreamweaver CS3 / Mac 10.5.8
I am working with a combination of tables and CSS. In one cell of my table, I am trying to get a background image to fill the space. It is filling only about 1/4th of the space. This is the code I have:
<td height="742" align="center" valign="top" background="images/Hands1.jpg" style="background-repeat: no-repeat;">
Can anyone tell me what code I can add to enlarge the image to fill the entire space?

Cohek wrote:
Dreamweaver CS3 / Mac 10.5.8
I am working with a combination of tables and CSS. In one cell of my table, I am trying to get a background image to fill the space. It is filling only about 1/4th of the space. This is the code I have:
<td height="742" align="center" valign="top" background="images/Hands1.jpg" style="background-repeat: no-repeat;">
Can anyone tell me what code I can add to enlarge the image to fill the entire space?
You can't enlarge a background image. Background images are static.
Make a bigger image in your graphics app, or repeat your background-image with CSS (see link below for details):
http://w3schools.com/css/css_background.asp.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Stretch the Stage to Fill the Browser Window??

Could someone let me know how this is done.....
http://www.chevaldetroie.net/
How do you make the stage fill the entire window and scale?
Also, How do you position the objects in on the sides, such as the
menu bar which rolls in and out of the side of the screen. It seems
like there are MOST of the top designers are doing this now.
I would appreciate your help.
Thanks
Kit

Kit,
> This is starting to make sense to me!
Cool!
> I have another question. How do you make movie clips
animate
> in and then animate out when another button is clicked?
... The
> closest I got was in this site I created a while back...
>
>
http://www.corduroyblues.com
Aha. Okay, for something like that -- and there are usually
half a
dozen ways to do things -- I would probably use keyframe
scripts, along with
a variable, in the movie clips that animate in and out.
I don't know how you coded up or arranged that site, of
course, but my
guess is that your nav buttons each tell a particular movie
clip to load and
start playing. That's why these clips suddenly disappear:
because you're
simply loading them into the same container, and as soon as
the new one
comes in, the other vanishes. Makes sense. So you may want to
shift part
of the responsbility of this loading onto the movie clips
themselves. I'll
try to explain this in a way that makes sense.
Rather than having your button simply load a movie clip,
have it set a
variable instead. Maybe your variable is called clipToLoad.
It could be a
variable that sits in the main timeline and starts out empty.
var clipToLoad:MovieClip;
It's eventually going to refer to a movie clip, but it
doesn't yet.
Now your buttons need to do a couple things: a) check if
clipToLoad has
a value yet and b) set a value, then maybe load a movie clip.
The first
time around, your variable will be undefined. That makes
sense, because it
hasn't been given a value yet; it's only been declared. So if
it doesn't
have a value, load a clip:
someButton.onRelease = function():Void {
if (clipToLoad == undefined) {
// clip loading code here
With me so far? Outside of the if() statement, you may very
well be
doing something along these lines. From this point forward,
you don't want
buttons to load movie clips on their own, you only want them
to let Flash
know which movie clip to load *next*. The trigger to make
this decision is
that if() statement, and the if() statement looks to the
value of
clipToLoad, so ... to make sure the button knows better next
time, give
clipToLoad a value. Watch how the event handler updates:
someButton.onRelease = function():Void {
if (clipToLoad == undefined) {
// clip loading code here
clipToLoad = movieClipA;
movieClipA is just a hypothetical instance name for the
movie clip
associated with this button. You want that new part outside
of the if()
statement, so that it happens every time. So, again ... the
first time this
button is clicked, it loads the associated movie clip
(movieClipA) and sets
the value of clipToLoad so that it *won't* load the movie
clip next time.
So now we need an else.
someButton.onRelease = function():Void {
if (clipToLoad == undefined) {
// clip loading code here
} else {
clipToLoad.play();
clipToLoad = movieClipA;
So what's the play() about? At this point, we're on the
second click.
This button -- or one the others in this nav (which have all
been coded
similarly) -- will check clipToLoad and see that it's no
longer undefined,
so it'll tell the relevant clip to play. How does it know
which clip to
play? Well, the value of clipToLoad tells it so. (This
variable, after
all, is a reference to one of the movie clips.)
Every one of these clips will have an animate-out sequence
that ends in
a keyframe script. The keyframe script will contain whatever
ActionScript
you're using to load these clips. There, again, it'll know
which clip to
load because it will check the value of clipToLoad to find
out. Perhaps
something like ...
this._parent.loadMovie(clipToLoad);
... or whatever ActionScript you're using to load these movie
clips.
Here's the sequence. First time around, the user clicks the
button for
movieClipA. The if() statement checks clipToLoad, finds that
it's
undefined, and loads movieClipA on its own, then sets the
value of
clipToLoad to movieClipA. At this point, movieClipA loads and
animates in.
movieClipA has a stop() action in the keyframe immediately
after its
animate-in sequence ends. The second time around, the user
clicks the
button for movieClipB. movieClipB's button checks the value
of clipToLoad
and finds that it is *not* undefined: it has a value. Okay,
so it goes to
its else clause and executes the expression
clipToLoad.play(). Since the
value of clipToLoad is currently movieClipA, that's the clip
that starts
playing. Then the button changes the value of clipToLoad to
movieClipB.
someButtonA.onRelease = function():Void {
if (clipToLoad == undefined) {
// clip loading code here
} else {
clipToLoad.play();
clipToLoad = movieClipA;
someButtonB.onRelease = function():Void {
if (clipToLoad == undefined) {
// clip loading code here
} else {
clipToLoad.play();
clipToLoad = movieClipB;
After movieClipA animates out, it hits the last frame in its
timeline.
That frame ias a script that references clipToLoad (which is
now movieClipB)
and tells that movie clip to load.
Don't know if I made that clear as mud. Hope that made
enough sense
that you can start experimenting with it. :)
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design."

I want PDF to open in the browser, not download. I can't find a setting to do this.

Other browsers open a pdf on the web inside the browser, which I like.
Firefox wants to download it, which I do not like.
The settings do not seem to allow me this choice for pdf. Other file types work.

Hello,
Check your settings for PDF files in:
* Tools (or [[Image: New Fx Menu]]) > Options > Applications
* For PDFs, set to "Preview in Firefox"
Also, you are using an outdated version of Firefox (current version is 33.0.3), you can update by going to:
* Help (or [[Image: New Fx Menu]] > [[Image: Help-29]]) > About Firefox
Or download a fresh copy at:
* https://www.mozilla.org/en-US/firefox/new/
* (if you need a different localization) https://www.mozilla.org/en-US/firefox/all/

Play/mute buttons open the browser not the media

Dear Support,
My curve 8520 play/mute &FF and rewind buttons if there is no song in the now playing list it opens the browser
so please could you help me
regards
Mahmoud

Hi and welcome to the forums!
This isn't the RIM support site. This is a Blackberry sponsored user to user forum were help each other with problems.
Have you tried a hard reset of your device?
Thanks,
Bifocals
KB02141How to reset a BlackBerry smartphone
No data will be lost when doing the following: pull the battery while the device is ON.
Replace after a minute, Let the device reboot 1-3 min, see if the problem is fixed.
Click Accept as Solution for posts that have solved your issue(s)!
Be sure to click Like! for those who have helped you.
Install BlackBerry Protect it's a free application designed to help find your lost BlackBerry smartphone, and keep the information on it secure.

Safari browser Extension ( Read all cookies of the browser not document )

How to read the Cookies of the browser of any domain in global.html for building the Safari Extension on Windows

Okay. Let's check to see if this is a user-account-specific issue, or if it is systemwide. (It's not a cure in itself, but it might give us a heads-up on the cause of the issue.)
Go into your user accounts control panel and create a new user account with full administrative rights.
Log out of your usual account and log into the new account. (Don't use fast user switching to move between accounts.)
Now launch safari in the new account, do a bit of browsing, and close Safari. Open Safari again. Do cookies survive in the new account?

Rectangle fills the browser in design view but cuts off in iphone/ipad/laptop

Screenshot of how it looks on a 13'' monitor and smaller. ( on my large monitors it looks fine ).
http://postimage.org/image/mzp23gzyj/
screenshot of the design view:
http://postimage.org/image/wpak76jbl/full/
How do I fix this issue?
Mac OS X, Muse v2.1,
site properties:
page width 1285 columns 1
column width 1285
gutter 0
all margins 0
Not centered horizontally
padding Top 20, Bottom 20, Left 36.

Also someone kindly explain what those blue vertical guidelines do, searched all over the net for hours but couldn't find a thing.
Also to clarify I'm trying to fill out the bottom portion with gray, there shouldn't be any white on the right past the gray rectangle.

I can't install add-ons, install just keeps running, when I close the browser, I'm asked if I want to cancel download.

re-install because of earlier problems, most current version. Usual plugins, all up to date.

It is possible that there is a problem with the file(s) that store the extensions registry.
Delete the extensions.* files (e.g. extensions.json, extensions.sqlite, extensions.ini) and compatibility.ini in the Firefox profile folder to reset the extensions registry.
*https://support.mozilla.org/kb/Profiles
New files will be created when required.
See "Corrupt extension files":
*http://kb.mozillazine.org/Unable_to_install_themes_or_extensions
*https://support.mozilla.org/kb/Unable+to+install+add-ons
If you see disabled or not compatible extensions in "Firefox/Tools > Add-ons > Extensions" then click the Tools button at the left end of the Search bar to check if there is a compatibility update available.
If this hasn't helped then also delete possible addons.json and addons.sqlite files.
You can reset all prefs to have a fresh start and delete possible user.js and numbered prefs-##.js files and rename (or delete) the prefs.js file to reset all prefs to the default value including prefs set via user.js and prefs that are no longer supported in the current Firefox release.
You can use this button to go to the currently used Firefox profile folder:
*Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder)

HT1911 My daughters ipod has been disabled and I just want to reset password for the ipod not itunes account. We have one itunes account for all our devices (so I can control what they purchase).

Why is itunes so difficult to navigate around?

You will need to connect the iPod to a computer's iTunes, and you may need to put it into recovery mode : http://support.apple.com/kb/ht1808 - you should then be able to reset the iPod and restore / resync the content to it.
If it's done via computer that it hasn't been synced to, and therefore doesn't have a backup on it, then from http://support.apple.com/kb/HT1212 :
If you restore on a different computer that was never synced with the device, you will be able to unlock the device for use and remove the passcode, but your data will not be present.

The home page fills the screen (not full screen), but when I visit any site the screen displayed is only the size of a4, how can I make this like the home page

Hi, the home page is displaying everything across the whole screen with the task bar intact, but when I get any other url displayed, it displays in in the middle of the page the size of a4, I have tried re-setting the fonts, all to no avail, any help would be appreciative. Many Thanks Mark

Reset the page zoom on pages that cause problems.
*<b>View > Zoom > Reset</b> (Ctrl+0 (zero); Cmd+0 on Mac)
*http://kb.mozillazine.org/Zoom_text_of_web_pages
You can use an extension to set a default font size and page zoom on web pages.
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/

How do I fit a background image to fill the entire page?

Hi,
could anyone please tell me how I use e.g. a jpeg image as a background image that fits the entire page without getting horizontal or vertical scroll bars?
Thanks

Hi Pziecina and Nancy O.,
thank you so much for your mails. However, I'm still trying to figure this out.
@ Pziecina...I studied the source code of your webpage and tried to insert parts of it into my own page in different variations. The solution to my problem must have something to do with CSS and img src height and width. All I get is a white page. I found out that an image size set in Photoshop apparently doesn't have any effect on whether the image fills the browser 100% or not.
@ Nancy O. What I'm trying to do is to use one single image as background for a single page on the website, I'd like to construct. An image that opens up to the entire width of the screen...not just the browser. I imagine this with layers of transparent/solid color for text fields. I studied the website page, you suggested and a repeat action is not what I aim for. And I realize that maybe I'm thinking too much in Photoshop terms...thinking I can do similar actions in Dreamweaver. I'm well aware of the whole thing being 'too much' in terms of design and usability but if you check out www.frauhaus.dk I think that works beautifully, although it doesn't open up to the entire screen. I'd like to see if that design concept will work for my own website or if it's going to be too confusing.
And to both of you I really appreciate your time and input, thanks. Even though I'm still getting grey hairs as a beginner I keep thinking that there's got to be a solution to this.
Best regards from MissRaspberryDream

Background image to fill the whole screen

Hi everybody
Please assist,
1st question : I want to add the background image that fit the whole screen. I have tried to put image background however it leaves white spaces on the edges and another thing is that after adding the background image when I add content in the tables the background image start to repeat.
This is the website example I want to achieve : www.inesjaksic.com , www.grupa-desperado.com
www.street-heroes.com
2nd question : How to add the scroll bar on the text content, so when you scroll only the text moves.
Website example : http://www.kls.com/page.php?p=about/biography/index
Thank you in advance for your help.
Kind regards
Vusi

#1 Background images are static. They don't resize to fill the browser viewport without a lot of additional tricks which may or may not work in all browsers. Moreover images that resize quickly become distorted. For best all around results, build your page to a fixed-width target audience (990px is usually fine for most users). Use a seamless background tile or gradient slice and repeat it vertically (repeat-y), horizontally (repeat-x) or both ways (repeat).
#2 Use CSS overflow and height property.
#divName {
height: 400px;
overflow: scroll;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Background image not cached in browser

Hi,
Using JDeveloper 11g R1.
We have a template, with a PanelGroupLayout component with a background image, like follows:
<af:panelGroupLayout layout="horizontal"
inlineStyle="width:100%; height:2px; background-image:url("images/separacioRalles.jpg"); background-repeat:repeat-x;"
id="pt_pgl5">
In runtime, the request made by the browser includes and _adf.ctrl-state=xxxxxx parameter, which I supose causes the browser not checking the cache.
image/jpeg http://127.0.0.1:7101/ViewController-context-root/faces/images/separacioRalles.jpg?_adf.ctrl-state=1bn1yq032y_79
Is there any way to avoid this _adf.ctrl-state? or another way to set the desired background?
Thanks,
Roger

Hi Frank,
Not working fine at all.
I tried as you said:
<af:panelGroupLayout layout="horizontal"
inlineStyle="width:100%; height:2px; background-repeat:repeat-x; background-image:url("/images/separacioRalles.jpg");"
id="pt_pgl5">
and this is the request received on the server:
127.0.0.1 - weblogic [28/ago/2009:10:39:58 +0200] "GET /images/separacioRalles.jpg HTTP/1.1" 404 1214
Comparing with an af:image component:
<af:image shortDesc="asdf"
source="/images/help.gif" id="pt_i1"/>
the request received on the server:
127.0.0.1 - weblogic [28/ago/2009:10:39:58 +0200] "GET /ViewController-context-root/images/help.gif HTTP/1.1" 304 0
If I put the contextroot in the background-image:url (background-image:url("/ViewController-context-root/images/separacioRalles.jpg"), it works fine.
127.0.0.1 - weblogic [28/ago/2009:10:44:28 +0200] "GET /ViewController-context-root/images/separacioRalles.jpg HTTP/1.1" 304 0
So seems that the background image url is not built in the same way as using af:image component.
Roger B

Just 1 Background image to fill the browser & NOT tiled images

Similar Messages

Maybe you are looking for