Fixed Background for Website

Hi,
I'm currently making a website which need a fixed background, sort of like a patterned wallpaper. I need it to extend to any maximum adjustment of window browser. The background has gradient colors in it, so I can't make it repeatable. Can anyone help?
I'm using Adobe Flash CS3, a newbie in web design and have really tried exploring but I can't seem to find the right script for it.
Everytime I tried adjusting the window (I set it to 1024x768), it ended up to have white borders around.
I created the file in an actionscript 2.0. Am I doing things wrongly?
Please help..
example of same webpage background concept:
www.bambako.com (only mine created with flash)
www.merekastudio.com

that's css you put it in the head section of your html or if you have a external css file you can put it there. In case you dont know about css and don't have a css script in your html the entire script would look like this.
<style>
body {margin:0; padding:0; overflow:auto;}
</style>
the overflow auto has nothing to do with the gutter but will elininate a vertical scrollbar in IE7 and maybe other versions of IE.

Similar Messages

Background for websites has disappeared.

I don't know what I did, but I think that I installed something that I shouldn't have.
Any way, the background for websites has disappeared. I see only Links listed on the left of my page. I'm using Firefox now, and it works fine.
I've uninstalled Safari, and reinstalled it. And I get the same problem.
What should I do to get Safari working again?

Hi,
Follow the instructions here in case you installed an unsupported Safari add on.
Safari: Unsupported third-party add-ons may cause Safari to unexpectedly quit or have performance issues
Carolyn

Fixed background for all resolutions

Hi
I want to put a fixed background on my homepage using bg
image in page properties in DW. No problem so far but what size do
I make the image so that it fills the screen whether at 800x600 or
1600x1200? I know tables have to be set to dimensions in precentage
but how do I get to see the whole image whatever the screen
resolution?
Many thanks
t

Resolution is not the consideration. What would you do on my
760px wide
viewport on my 1280x1024 screen?
Give it up. It's chasing a will-o-the-wisp. Besides,
backgrounds don't
stretch, they tile.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"wct08" <[email protected]> wrote in message
news:emh7ij$lgk$[email protected]..
> Hi
>
> I want to put a fixed background on my homepage using bg
image in page
> properties in DW. No problem so far but what size do I
make the image so
> that
> it fills the screen whether at 800x600 or 1600x1200? I
know tables have to
> be
> set to dimensions in precentage but how do I get to see
the whole image
> whatever the screen resolution?
>
> Many thanks
>
> t
>

Rendering transparent background for website video

I have a comp for a website that I'm doing.
I have a transparent background and some fading in WHITE text with a light ray animated behind it.
I have followed instructions on how to render with the transparency intact (Quicktime, PNG, RGB+Alpha, Millions of Colors+). When I render it out and watch it in Quicktime, the light ray isn't correct and there's no transparency. Same thing with Final Cut Pro.
When I bring the footage back into AE, the transparency is there so I'm assuming that the transparency is there but QT & FC just don't play transparency files.
I need the transparency bc I want the text to reveal over a background picture I have in my webpage design.
Is there anyway to get this done right? I need the file to NOT be 300+ megabytes and when I drag the clip into COMPRESSOR to make it smaller, nothing is showing on the preview screen. I've been doing some research but haven't found anything to make it work correctly.
Can someone help me with this?
In the end, what I'm attempting to do is add the QT video into my iWeb page and have it play. I'm not a coder so I don't know how to make this happen any other way than making a QT movie and then adding it iWeb.
thanks in advance.

The only video format that supports transparency in a web browser is a flash player. That really doesn't fully support transparency either. The QuickTime player or any other video player will never ever support transparency in a web browser. Your project design is flawed from the outset. Another words you cannot do what you are trying to do using QuickTime. You will have to redesign for flash. If you redesign with flash, then you will not have a mobile compatible application.
I don't have much of an explanation of what you are trying to accomplish with your project so I can't give you more pointers than that. Point us to a website that has the features you are trying to implement on your webpage and maybe we can give you some ideas but After Effects is not where you should be looking.

Several browser background for the same website

I am currently designing a photo website which has several parts for the different "themes" and "countries" of my pictures. I want each of these themes to have a specific browser background, but it seems everytime I download one browser background it erases the other ones (show up as white). Is it possible to have several browser backgrounds for the same website ?

Dear Ramakanth,
In material master "Availability check" is already set to "02 - Individ.requirements"
It doesn't solve the problem. Aren't there any otherway to achieve this requirement??
Regards,
Madhushuika

Setting background for safari

I just recently swtiched to Mac and discovered that a few of
my sites are lining up right because they were designed for IE,
etc. This site in particular is a good example:
Jeffrey Lloyd Website
I don't know anything about converting for Safari. Is there
any easy way or does it have to be completely reworked?
Many thanks!
Lori

fourthleaf wrote:
> If I make this 600 wide then the image doesn't take up
the entire browser
> anymore, which is the effect I want. So, if you can
possibly tell me without
> too much trouble, how do I fix the site so that I see
the full background image
> in the full browser no matter which my viewer is using.
>
> I'm not sure I understand why
http://www.chrissmither.com
can be 600 px and
> still fill the entire space.
>
> Forgive my ignorance, but I AM here to learn.
>
If you like
http://www.chrissmither.com,
look at that page code.
and especially the style sheet, which is there:
http://www.chrissmither.com/cs_style.css
In this style sheet, you'll see the style for the background,
applied to the body tag:
body {
font-family: Arial,Helvetica;
font-size:13px;
color: #110000;
margin:0; padding:0;
text-align:center;
background-color:rgb(56,40,24);
background-image:url('images/mainsite_empty_lrg4.jpg');
background-repeat:none;
background-attachment:scroll;
background-position:top center;
compare this to your background style...
The important thing here is:
background-position:top center;
this will center the background horizontally.
But this is just the beginning, because if your background
gets centered, your content will be off,
since your content is not centered (it's in a Layer). Using a
background for page layout is a bad
idea anyways. For example if I increase the text size in my
browser preferences, your text content
goes beyind the bottom limit of your background.
So in short
background image as layout: bad idea
using Layers: bad idea
I suggest you study css and html a little bit, don't use
Layers, use regular divs and tables, use
Design view (no layout view) and look at your code as much as
possible as you go and experiement.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Downloaded backgrounds for Photobooth - Photobooth now crashes

I wasn't sure where to post this question. Several months ago I downloaded extra backgrounds for Photobooth from the apple website. The original photobooth backgrounds work, but as soon as I click to view the new backgrounds, Photobooth will crash. I was unsure about what to do, so I tried to delete the application from my downloads file. This did not solve the problem. Now I cannot remember the name of the file that I downloaded and I do not know how to fix my Photobooth. How can I permanently delete the downloaded backgrounds and fix my photobooth when I do not know the name of the downloaded material?

By going to the place you downloaded the backgrounds from. View each one. One of them should jog your memory. Redownload to find out if it also comes with an uninstaller & use it.
If it does not come with an uninstaller, do not install. Use AppCleaner to uninstall the app, repair permissions and restart your computer.
Photo Booth issues are usually posted in the iSight forum area - http://discussions.apple.com/forum.jspa?forumID=802

Background for site does not show up after uploading to webhost...

My background for my website does not show up on my webhost after uploading site with Dreamweaver.
Here is my site: http://legacyofys.comxa.com/
Here is the backgroud image: http://point-file-manager.000webhost.com/index.php?ftpserver=legacyofys.comxa.com&ftpserve rport=21&username=a2022293&language=en&skin=blue&ftpmode=automatic&passivemode=no&sslconne ct=no&viewmode=list&sort=&sortorder=&state=view&state2=image&directory=%2Fpublic_html%2Fim ages&entry=Background.png
I know the background image successfully uploaded to my webhost, because it shows up in my file manager. What is wrong here? How do I fix this?

So it was a path issue :-) Glad you sorted it .
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

Fixed Background Help

Guys,
Im pretty new to Dreamweaver and am having some problems
designing a website.
I am wanting to have a fixed background and then a square box
with my content in. I dont want the background to move when I
scroll down the page, but I do want the box with my content to
scroll.
Any ideas how I can do this?
Next question... how come when I design a page in
Dreamweaver, when I view it in IE its positioned completely
different? i.e. I centre a picture in Dreamweaver and when I view
it in IE its in the top left hand corner etc its very random
Thanks in advance

> Out of curiosity, when making a web page... what
size/dimensions do you
> set
> your page?
To make your decision you need to have some ideas about the
following
issues -
1. What is the primary target demographic for this site?
2. What are the browsing habits of that demographic? Do they
normally have
their browser window maximized on the screen?
3. If they usually have their browser maximized, what is the
typical screen
width?
4. If they usually do NOT have their browser maximized, what
is the MINIMUM
screen width in that demographic.
5. How do I want to build the page?
a. Fixed width and left aligned?
b. Fixed width and centering?
c. Flexible to fill whatever width from left to right?
d. Flexible (within limits) and left aligned?
e. Flexible (within limits) and centering?
As you can see, this decision is probably much more complex
than you
thought, and will require that you know quite a bit about
your intended
target visitor and their browsing habits.
If you elect to go with 5a, or 5b, then your decision would
be - 'what is
the mimimum browser width I want to support without
horizontal scrolling?'.
Once you have determined that minimum supported width, all of
your decisions
are made. That's how wide you want your page to be.
If you elect to go with 5c, then you just build your page
within a flexible
container (the simplest example - although an obsolet one -
would be to use
a 100% width table to hold the entire page). Be aware that
pages with
limited text content can look VERY sparse and empty on wide
viewports when
built in this way.
If you elect to go with 5d, or 5e, then you would add this
sophistication to
your decision matrix -
'what is the greatest width I want to allow the page and its
contents to
become?'
In this case, you would use the CSS styles - 'min-width' and
'max-width' on
the primary page container. Just so you'll know, although
these styles are
well supported *now*, earlier versions of IE (and some other
browsers) will
not support them so reliably.
So - which is it? 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Martin.Maggiore" <[email protected]> wrote
in message
news:[email protected]...
>I did think that was the case but I was having issues
with the positioning
>when
> I did that.
>
> I think part of the problem is the design of the
background.
>
> Out of curiosity, when making a web page... what
size/dimensions do you
> set
> your page?
>
> I make my websites first in photoshop and then slice
them into Dreamweaver
>

Using a different background for the drop down options in a spry menu bar

Hi all,
I am trying to set just a background color in the drop down menu, I have a background image repeated along the x asis at the top but this has come down into the sub menu bar how can I change just the lower drop down menu to just a solid color??
I have tryed google and youtube to try to find a answer but have had no luck in finding the solution to this problem.

Give a man a fish, you feed him for a day. Teach a man to fish, he eats every day…
winabe23, you joined this month—probably because you were having trouble with CSS and HTML and you have certainly come to the right place.
I'm going to send you to several places I have found helpful in understanding how you can make drop-down menus in CSS without the need for JavaScript—though JS may be necessary for certain older browsers that do not understand pseudo classes and may be necessary for the blind or keyboard navigation.
CSS Wizardry has a great tutorial here.
Line25 has one here.
For those who don't want to have to wrangle code, here is a menu generator from PureCSSMenu.
Here's a page by Eric Meyer who describes how the concept works.
And here is a video tutorial by "zorro30mum." It's in two parts, but there is a link to Part 2 below Part 1.
The reason why I am posting all of these links in my answer is because you're using Spry. And Spry has been found wanting by Adobe and they are deprecating and abandoning it.
The Spry framework is an open source Ajax framework that Adobe developed. Ajax stands for Asynchronous JavaScript And XML. On August 29th 2012, Adobe handed over Spry to github. If you want to help github develop Spry, there is a site for that, but I'm thinking you're not a JavaScript developer.
I would recommend you pay a little more attention and time to Ajax, which is not deprecated and not discontinued. It allows you to do client-side triggers for server-side code. But that's if you want to do work in JavaScript, XML and a server-side language, like Cold Fusion, php or ASP.
But in the meantime, the tutorials above will get you into understanding how this whole menuing stuff is done in CSS and give you the understanding necessary to do simple stuff, like changing the color of a background for a drop-down.
I hope this helps you make great websites!
-Mark

New bug in IE11 -- scrolling position:fixed + background-image elements jitters badly.

visit the following page in IE10 and IE11, and use your mouse wheel to scroll the page:
http://www.oussamaharb.com/
In IE <= 10, Safari, Chrome, and FireFox, the header section of that page stays put when scrolling. However, only in IE11, when you scroll the page the the header jumps around and jitters. Essentially IE11 will do this on any div with a fixed
background image.
Note the jitter does not happen if you grab the scrollbar with the cursor and move it up and down (which people rarely do). Some sort of bug when using mouse wheel has been introduced in IE11.

You are too late to see. He removed
background-attachment:fixed with IE11. His link originally showed the stuttering. It looked too unsatisfactory.
You can still see his handsome design with FireFox where it continues to work well. (And also good with Chrome, Opera, Safari too). See how the picture on top stays fixed when you scroll the page? Not with IE anymore. With IE
that great effect is removed, sacrificed to cure the ugly wart. The picture now just scrolls upward with the page to avoid the IE11 bug. Too bad.
Since your first reply here 7 months ago. Have you any special MVP insider-info yet how to make this great CSS3 port-hole feature scroll smoothly with IE11? Or possibly, you have encouraging news that it will become corrected in IE12? Your
name is IECustomizer MVP. It sounds like you will know.
Here are more stutter examples for you to examine. You may click the background to toggle several different ways to see the affliction during scroll. Please post back and tell your observation that you can see this stutter.
https://googledrive.com/host/0B8BLd2qPPV7XOGl1Sjk3c29uVlU
Possibly somebody still hasn't yet noticed in bryanangler's example ("OP"), IE11 needs to be maximized (or large) to observe the problem. At least,
somebody has not acknowledged. Bryanangler's page is Responsive Web Design (RWD). The menu on top is present when space permits. That's when the
background-attachment:fixed applies and makes the horrid stutter.

Fix background image within div

Hello
I've done a lot of research about this, and tons os answers have come up, still, none solved my problem so far.
I'm trying to make the background image within a div to be fixed when i scroll vertically.
Have a template made, in which the only editable div is the rightdiv. (in red, to be easier)
Here's my code
CSS
body {
margin-top: 0px;
margin-bottom: 0px;
background-position: center center;
background-image: url(../Images/bgdr.jpg);
background-repeat: no-repeat;
#wrapper {
height: 875px;
width: 1000px;
margin-right: auto;
margin-left: auto;
background-repeat: no-repeat;
#header {
background-repeat: no-repeat;
clear: none;
float: none;
height: 214px;
width: 1000px;
background-image: none;
position: relative;
padding-top: 10px;
#leftDiv {
clear: none;
float: left;
height: 500px;
width: 245px;
position: relative;
text-decoration: none;
#rightDiv {
clear: none;
float: right;
height: 484px;
width: 755px;
position: relative;
overflow: auto;
#footer {
height: 100px;
width: 1000px;
clear: both;
position: relative;
padding-bottom: 20px;
And here is my HTML

<div id="rightDiv" style="background-image: url(Images/informacao.png)">
</div>

Well, thing is that on Internet Explorer 9, the background image will repeat vertically when i scroll vertically. On Chrome it will stay fixed on scroll (and that is what i want).
I tried adding style="background-attachment:fixed" , but that will make the image align fix itself relatively to the whole page, not the div only. Also, it repeats itself 4 times to oocupy the screen. I can solve that by "no-repeat", but it still is fixed to the browser page, not the div.
I've been trying to fix this for days.. Help would be much appreciated.
Funny thing is that this only happens in IE9.. Chrome works perfectly.

DevilUrd wrote:
Didn't work. sorry, but i don't think i understood ur reply quite well..
Here's what i used:

<div id="rightDiv" background: url('Images/informacao.png') no repeat fixed;>
<tr>
<td>textextextextextextextextext</td>
</tr>

Could u pls be a little more detailed?
sorry, but i'm still very unexperienced at this..
That is not a valid way to write css into your page and will not work. You appear to be trying to use the background shorthand css property within the html tag itself. If you want to use an inline style, it would need to be within the style html attribute...
<div id="rightDiv" style="background:url(Images/informacao.png") no-repeat fixed top left;">
But it would be better to place it in your css instead...
#rightDiv {
clear: none;
background:url(Images/informacao.png") no-repeat fixed top left;
float: right;
height: 484px;
width: 755px;
position: relative;
overflow: auto;

Every time apple sends an update for my Itunes it goes wrong. last time this happened I got someone to fix it for me. I am very techno phobic and do not understand the on line instructions for uninstalling and reenstalling.Please help in simple English.

when ever Apple sends an update to my pc, it knackers up my itunes. The last time this happened I got someone to fix the problem for me, I am very techno phobic and do not understand the uninstalling and reinstalling. It comes up error MSVCR80. Please can someone help in simple English , as the technical jargon just goes over my head.
much Thanks

The last time this happened I got someone to fix the problem for me, I am very techno phobic and do not understand the uninstalling and reinstalling.
I think you should get a friend or family member who knows a bit more about computers to fix this for you.
They should try the following instructions.
Uninstall your existing copy of iTunes. Delete any copies of the iTunesSetup.exe (or iTunes64Setup.exe) installer files from your downloads areas for your web browsers and download a fresh copy of the iTunes installer from the Apple website:
http://www.apple.com/itunes/download/
(The current build of the 11.1.4.62 installer was changed a few days ago, which fixed the bulk of the reports of MSVCR80.dll/R6034/APSDaemon.exe/Error-7/AMDS-could-not-start trouble ... but the build number on the installer was not changed. So we're trying to make sure you do the reinstall using a "new good" 11.1.4.62 installer instead of an "old bad".)
Does the install with the new copy of the installer go through properly? If so, does that clear up the error message?
If you still have the same error messages cropping up, then try the procedures from the following user tip:
Troubleshooting issues with iTunes for Windows updates

How could i set fixed heights for all of my web pages?

I want fixed heights for all of my web pages.Do i have to set any margins for my footer?Because by adding some contents in between header and footer ,then the footer goes down.How could i have fixed height pages?

You may like to have a fixed footer as in
#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;

The following form is meant for website developer for debugging purposes

Got a massege saying Form is meant for website developer for debuggin purposes. Error occurred while processing request of life insurance through Acuuquote. Please help me. Thank you.

You are seeing the default CF error template as the result of an untrapped exception. You should use either the cferror tag in your application.cfm or the onerror event in your application.cfc and display your own user friendly page (as well as log and/or email an alert indicating the error so you can fix the actual error the triggered the error template). This may seem vague but error trapping is a complicated topic and this thread will get too long for anyone to read. Start by researching CFERROR and "coldfusion error handling"

Fixed Background for Website

Similar Messages

Maybe you are looking for