I cannot get my background image to scroll with my page.

My background stays in place as my page/text scroll over it. I am on Dreamweaver CS3. And I have tried in the body css to set the "Attachment" to "scroll" to "fixed" (seams to be stuck here) and to nothing. (which I understand is automatically scroll setting)
(Also no-repeat, Horizontal - center, Vertical - top, also tried vertical to "0 pixels) Nothing is working, and it is 4 hours later.

Sue,
My take on this is that you WANT your background to scroll normally.
Change this in your CSS:
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #333333;
    background-attachment: fixed;
to this:
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    color: #333;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Background image not scrolling with text

My foreground text will resize with my browser but the background stays stationery, remains in the upper left. How do I fix this? I have included part of my code.
Ideally I would like to anchor text boxes to background image so it will scroll all together. If this can't be done I can use the margins and padding to adjust my text to work with the background I just need it to move with it. I've seen samples of this, which i think may have been done in photoshop but I would like to keep the copy live in DW. FYI, I added "background-attachment:scroll" to the code. I have searched and searched online for a solution to no avail. I am attaching a coupld of PDFs so you can see where I want to go. Any help is greatly appreciated. Thanks a bunch in advance and please be gentle.
body {
     background: #666666; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center;
     background-image: url(Images/Background_Radial77.jpg);
     background-repeat: no-repeat;
     margin-right: 0%;
     margin-top: 19%;
     color: #FFF;
     background-color: #FFF;
     background-attachment:scroll
     margin-left: 0%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     margin-bottom: 0;
     margin-left: 0;

My foreground text will resize with my browser but the background stays stationery, remains in the upper left. How do I fix this?
That's how web pages work. Remember, web design is nothing like print design. Printed pages or graphics are static.   Web pages must be flexible to accommodate different displays, text sizes and varying amounts of content.   Trying to precisely position text or other objects over a huge background is a bit like trying to nail Jello to a wall. No matter how hard you try, it will never hold up.
Fixed Background Example -
http://alt-web.com/DEMOS/fixed-background.shtml
Scrolling Divisions Example -
http://alt-web.com/DEMOS/multi-scrollbars.shtml
Your best option is to slice and dice your background image into usable segements in Photoshop or Fireworks. Save images only. Then re-assemble slices in DW to create flexible containers.
Basic Tutorial - Bringing 3 image slices into a CSS layout -
http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
Advanced Tutorial -
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to stop browser background image from scrolling?

So is there a way (an easy way) to stop browser background image from scrolling with the page?
Thanks
m

If it's a single image, add this code to center the page horizontally:
parent.document.body.style.backgroundPosition='50% 0%';
http://www.wyodor.net/_Demo/tmf/Duckmenu.html
http://www.wyodor.net/_Demo/duckmenu/duckassets/Spoorbackground.gif

Help getting a background image to show through a JScrollpane

I have a GUI program which has a front menu with buttons on it. I have managed to get the background image displaying as I want it there by overriding the paintComponent method.
My problem occurs when after clicking the "passport" button, a JScrollPane is added to the JPanel.
I am having problems making the JScrollPane non-opaque( so i can see the image behind it).
I have tried setting both scrollPane.setOpaque(false) and scrollPane.getViewport().setOpaque(false) and neither of these have worked.
If anyone has managed to get a background image working with a JScrollpane then some help would be greatly appreciated.
FileReader inF = new FileReader("passport.txt");
 BufferedReader in = new BufferedReader(inF);
 Passport passport = new Passport(in);
 panel.removeAll();
 panel.setVisible(false);
 JLabel label = new JLabel( "<html><body>Number:</body></html>" );
 JLabel label1 = new JLabel( "<html><body>" + passport.getNumber() + " </body></html>");
 JLabel label2 = new JLabel( "<html><body>Issue Date</body></html>");
 JLabel label3 = new JLabel( "<html><body>" + passport.getIssueDate() + " </body></html>");
 JLabel label4 = new JLabel( "<html><body>Expiry Date:</body></html>");
 JLabel label5 = new JLabel( "<html><body>" + passport.getExpiryDate() + " </body></html>");
 JLabel label6 = new JLabel( "<html><body>Type:</body></html>" );
 JLabel label7 = new JLabel( "<html><body>" + passport.getType() + " </body></html>");
 JLabel label8 = new JLabel( "<html><body>State:</body></html>" );
 JLabel label9 = new JLabel( "<html><body>" + passport.getState() + " </body></html>");
 JPanel adder = new JPanel();
 adder.setOpaque(false);
 JScrollPane scroll = new JScrollPane(adder);
 (scroll.getViewport()).setOpaque(false);
 adder.setLayout( new GridBagLayout() );
 GridBagConstraints c = new GridBagConstraints();
 c.fill = GridBagConstraints.HORIZONTAL;
 c.gridx = 0;
 c.weighty = 1.0;
 adder.add( label, c );
 c.gridy = 1;
 adder.add( label1, c );
 c.gridy = 2;
 adder.add( label2, c );
 c.gridy = 3;
 adder.add( label3, c );
 c.gridy = 4;
 adder.add( label4, c );
 c.gridy = 5;
 adder.add( label5, c );
 c.gridy = 6;
 adder.add( label6, c );
 c.gridy = 7;
 adder.add( label7, c );
 c.gridy = 8;
 adder.add( label8, c );
 c.gridy = 9;
 adder.add( label9, c );
 panel.add( scroll, BorderLayout.CENTER );
 panel.setVisible(true); Thanks

Swing related questions should be posted in the Swing forum.
You seem to be doing things backwards.
Add a background image to a JPanel. (Examples can be found by searching the Swing forum using "background image" as the keywords.
Then add your labels to the same panel and then add the panel to the scrollPane.

Why PhotoBooth can't get the background images to work properly on the picture

Why PhotoBooth can get the background images to work properly on the picture, is it because too much luminosity in the environment or too little? I have tried everything and nothing works.
<Re-Titled By Host>

Might try this...
Go to System Preferences > Universal Access and down in the Display: section make sure that the Enhance contrast: slider is all the way to left to Normal, or more to the right for less Contrast.
Go to System Preferences > Accessibility in 10.8.x,and down in the Display: section make sure that the Enhance contrast: slider is all the way to left to Normal, or more to the right for less Contrast.

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

How can I have a browser image that scrolls with images on top of it scrolling in tandem -

How can I have a browser image that scrolls with images on top of it scrolling in tandem - so the background is a hexagon pattern with small images inside some hexagons and I want them all to be scrollable as a user uses the browser scroll bars. At the moment the background image jumps when I preview so the small hexagons all become out of alignment. Any tips appreciated. I have browser image set to tile - pinned at the middle and set to scrolling - the small images are not pinned -

Thanks for your answer - The images on the top layer are also links and change to show they're links on rollover - so I wanted to keep them as separate graphics - and it works to a point but when I preview the page in a browser the tiled browser image always moves no matter how I pin it and then everything becomes unaligned. Any further suggestions appreciated.

I'm using a pc, (windows 8.1,) and I cannot get a thick and thin line with CS6. None of the brush tool settings have any effect, even in the preview. Is there a setting I need because I'm using a pc?

I'm using a pc, (windows 8.1,) and I cannot get a thick and thin line with CS6. I want to draw, but I cannot get any linework like I should. I also use Sketchbook Pro, and ToonBoom, and I get wonderful linework. But not with Photoshop.
None of the brush tool settings have any effect, even in the preview. Is there a setting I need because I'm using a pc and not a mac?

Thanks for your response,
I'm using a Fujitsu T901 laptop, with a stylus pen. Painting works great in Photoshop, but for drawing there is no sensitivity at all. Frans Vischer
author and illustrator of Fuddles, A Very Fuddles Christmas and Jimmy Dabble
www.fransvischer.com
pamperedfatcat.wordpress.com

I cannot get my iPad 2 to work with VPN provider.

I cannot get my iPad 2 to work with my VPN service provider. Using OS 4.3.3. iPad purchased in the USA. Have heard there are issues with iPad 2 and VPN support. Any suggestions?

You can try this ... hold down on the sleep button and the power button at the same time for about 10 seconds until you see the Apple logo on the screen, release the buttons and see if the iPad restarts and you can use it.

I cannot get my audio memos to download with my pictures

I cannot get my audio memo to download with the picture from my cannon gs9 camera

Hello silent george,
This may be due to iPhoto or Aperture not having been reinstalled on your system.
What do I need to use My Photo Stream?
To use My Photo Stream you need an iCloud account, compatible devices, and up-to-date software:
Mac with OS X Lion v10.7.5 or later and iPhoto 9.2.2 or Aperture 3.2.3 or later
iCloud: My Photo Stream FAQ
http://support.apple.com/kb/HT4486
Cheers,
Allen

HT1414 Is iOS 6.0.1 Killing anyone's battery life. No change other than installing iOS 6.1 today...now I cannot get 5 hours of battery life with everything disabled!!!

Is iOS 6.0.1 Killing anyone's battery life. No change other than installing iOS 6.1 today...now I cannot get 5 hours of battery life with everything disabled!!!

This isn't an issue. Notice the screen prior to the one that shows usage has an iCloud section and a Manage Storage button. For this button to activate ios needs to download a few kb from icloud. Switching back to this screen forces ios to download those few kb.

TS4062 restored iphone from icloud so I could have all my old photos but now I cannot get it to restore or sync with itunes either by cable or by wifi. I have tried with automatic download off/on, I have had red circles, hours of syncing, nothing, help!!

restored iphone from icloud so I could have all my old photos but now I cannot get it to restore or sync with itunes either by cable or by wifi. I have tried with automatic download off/on, I have had red circles, hours of syncing, nothing, help!!

Seems to be a common issue in discussions. Try this:
http://support.apple.com/kb/ts1538
And let me know if it helps,

Apple id lost. Cannot get access to it. Started with a mail from apple id saying that apple id and password were changed. Did not sent such a request. Cannot get a new apple id as the mail adress already has been used one time. Pls help

Apple id lost. Cannot get Access to it. Started with a mail from apple id saying that apple id and password were changed. Did not sent such a request myself. Since then no acces to apple id, not even via forgot my id site. It says that my apple id and birth date details do not match. Something is obviosly totally wrong. Got a visa card recently, is that the reason? Cannot get a new apple id with my real address as the systems says its already used. Pls help, I am vey frustated that this can happen.
Best regards
Laus Lausen

Call Apple account security via the telephone for your country
http://support.apple.com/kb/HE57

I cannot get my iPhone 5c to connect with my tomtom 600

I cannot get my iPhone 5c to connect with my tomtom go 600

Did you find this page?
https://www.tomtom.com/en_gb/services/connect/#tab:tab2

I cannot get my address book to merge with iCloud?

I cannot get my address book to merge with iCloud?

Yes, the settings all appear to be correct on the Info page in Itunes. I have contacts checked to synch, calendars and mail accounts but only the contacts are not moving to the Iphone.

I cannot get my background image to scroll with my page.

Similar Messages

Maybe you are looking for