Background image repeating, even with no-repeat?

I can't seem to figure out why my background image is repeating in Safari. I have set the page properties to no-repeat and it is working well in Firefox (Mac), but in Safari, my background image is repeating. Does anyone have any suggestions? Thanks so much.
Url: http://www.aquapup.com/zoe/author.html

Which background are you seeing repeat? I presume it's the ../zoe/images/Zoe_site_off_01.jpg one, but I'm not seeing it repeat in Safari.
.zoetextbackground {
    background-image: url(../zoe/images/Zoe_site_off_01.jpg);
    background-repeat: no-repeat;
.buglettetextbackground {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    padding-left: 180px;
    padding-right: 340px;
    position: relative;
    vertical-align: middle;
    background-image: url(../zoe/images/Zoe_site_off_01.jpg);
    background-repeat: no-repeat;
.buglettetextbackground_book {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: normal;
    padding-left: 410px;
    padding-right: 360px;
    position: relative;
    vertical-align: middle;
    background-image: url(../zoe/images/Zoe_site_off_01_alt.jpg);
    background-repeat: no-repeat;

Similar Messages

Main Wrapper, Container and background-image repeat problem-and Footer :-)

Hi everyone,
First off, i tried almost every idea i could get to solve this on my own but now im...aaa...
Well, the problem is i have a main wrapper with a background image repeat. A header,menu, body container - which has a left column and right column. I want that main wrapper,body container and both of the columns to grow auto according to content. I tried the height:100%. When i float the columns the text from left column spills over on to the footer. The left column also does not autogrow towards the footer?! I was able to set the footer at the bottom which i want it to remain at the bottom of the main wrapper, but the main wrapper and the columns do not grow automatically...I guess it has something to do with float and the clear properties but what???
body{
margin: 0;
padding: 0;
font-weight: normal;
font-style: normal;
font-size: 11px;
font-family: verdana;
text-align: center;
background:url(back_index3.png) repeat-x scroll 0 0 #E4E4E4;
#main_wrapper {
width: 959px;
margin:0 auto;
margin-top:80px;
background:url(backslice.png) repeat-y;
height:auto;
min-height:800px;
#header {
width: 959px;
margin-left: auto;
margin-right: auto;
height:119px;
background:red;
padding-top: 0px;
padding-bottom: 0px;
#topmenu {
background-color:#blue;
height:30px;
margin:0px;
width: 959px;
margin-left: auto;
margin-right: auto;
#body_container {
height:100%;
width: 949px;
margin: 0 auto;
#content {
float:left;
width: 645px;
background:yellow;
border-right:1px solid #ffffff;
padding:10px;
height:100%;
text-align:left;
#sidebar {
float:left;
width: 283px;
background:#234234;
height:100%;
#footer {
clear:both;
height:200px;
background-color: #686768;
margin:0 auto;
border-top: 1px solid #F6F6F6;
text-align:center;
width: 100%;
<html xmlns="">
<head>
<title>title</title>
<link rel="stylesheet" type="text/css" href="3css.css" />
<meta http-equiv="content-type" content="text/html" />
</head>
<body>
<div id="main_wrapper">
     <div id="header">
      <span id="header_logo">title</span>
     </div>
     <div id="topmenu">
     menu
     </div>
     <div id="body_container">
      <div id="content">
content to be added
      </div>
      <div id="sidebar">
      hallow2
      </div>
     </div>
</div>
<div id="footer">
asd
</div>
</body>
</html>
Thanks in advance if somebody can help me out here.
you can see an image of the problem in the attachement down thr... thnx

<html xmlns="">
<head>
<title>title</title>
<link rel="stylesheet" type="text/css" href="3css.css" />
<meta http-equiv="content-type" content="text/html" />
</head>
<body>
<div id="main_wrapper">
     <div id="header">
      <span id="header_logo">title</span>
     </div>
     <div id="topmenu">
     menu
     </div>
     <div id="body_container">
      <div id="content">
content to be added
      </div>
      <div id="sidebar">
      hallow2
      </div>
     </div>
</div>
<br clear="all" />
<div id="footer">
asd
</div>
</body>
</html>
Hope this will work well

Background Image repeating for table cells

I am trying to put different images as the background to all
the cells in a table, so I can put text over the top of them, but I
cant have an image without it repeating. Ive tried going into the
code and adding background-image: "no-repeat" but that hasn't
worked. I know nothing of CSS and it seems really confusing - so if
this is the answer please give me CSS for dummies instructions.
Layers drive me bonkers as no 2 browsers display them in the same
place.
URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
At the moment only cell one is a background image, the rest
are images inserted normally.
Hope you can help.
Thanks.

Your question reflects the confusing mess your life will be
if you persist
with web authoring without taking the time to learn some HTML
and CSS.
You have -
<th height="351" colspan="6" "scope="col">
Note the extra doublequote just before 'scope'.
Also note that your preloads (look at the body tag) as well
as your image
swaps (look elsewhere - everywhere you see 'file:///') are
all broken -
pointing to files on your hard drive. Finally, you might want
to just think
about making a page where there is no readable content
(everything here is
in images). It will get a zero search engine ranking....
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
==================
"little bob" <[email protected]> wrote in
message
news:gqo8jh$ejo$[email protected]..
>I am trying to put different images as the background to
all the cells in a
> table, so I can put text over the top of them, but I
cant have an image
> without
> it repeating. Ive tried going into the code and adding
background-image:
> "no-repeat" but that hasn't worked. I know nothing of
CSS and it seems
> really
> confusing - so if this is the answer please give me CSS
for dummies
> instructions. Layers drive me bonkers as no 2 browsers
display them in the
> same
> place.
>
> URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
>
> At the moment only cell one is a background image, the
rest are images
> inserted normally.
>
> Hope you can help.
>
> Thanks.
>

CSS - background image repeat-y

Hello,
QUESTIONThis works great in IE v6.0. How can I get the
background position to work in Firefox 2.0?
Instead of a tiled background that I can control where it
begins to tile within a DIV, in Firefox 2.0 it displays
the image once and doesn't tile like it does in IE. Argh!
background-image:
url(images/SideNav/side_nav_bottom_repeat.gif);
background-repeat: repeat-y;
background-position: 0% 218px;
I just went through a CSS training video and applied some of
the things taught.
It was very helpful thanks you. However it worked in IE but
not in Firefox.
http://movielibrary.lynda.com/html/modPage.asp?ID=279
5. Adding Colors and Backgrounds
Movie: Positioning backgrounds
Is there a work around for Firefox?

Zero is zero no matter what units you have on it. I am not
aware of any
mixed unit issue like that.
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
==================
"Alexander Ross" <[email protected]> wrote in message
news:f0rkhi$kht$[email protected]..
>I have some vague recolection about weird behaviors with
mixed units. Try:
>
> background-position: 0px 218px;
>
> If not, post a link to your page
>
>
>> background-image:
url(images/SideNav/side_nav_bottom_repeat.gif);
>> background-repeat: repeat-y;
>> background-position: 0% 218px;

Background image repeat-y not showing

I have done a search here without success.
I have a rough setup of a site that will show the background
repeat-y in a div in IE but will not display it in firefox or
safari.
My css and and xhtml validate W3C.
I am no pro and have tried several things I can think of
without any luck.
Here is the url
http://www.asmc.ca/index2.html
Thanks in advance

The problem was that the div on which the background image
was applied was
collapsing around its non-floated descendents. You needed to
do something
to clear those floats before closing the div#innerwrapper.
The
'overflow:hidden' style forces the browser to establish a new
block context
for that div, effectively clearing the floats within, and
allowing the div
to wrap even the floated elements.
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
==================
"Bryan628" <[email protected]> wrote in
message
news:g6qsdt$350$[email protected]..
> Thanks Murray,
> That did the trick. So it was happening for 2 reasons?
> 1 the div I had it on?
> 2 the overflow hidden code?
>
> What does the overflow hidden mean/do
> And thanks again guys
>
>
>
quote:
Originally posted by:
Newsgroup User
> Change your #innerwrapper rule to this -
>
> #innerwrapper {
> height: auto;
> width: 768px;
> background: url(images/body_bkgrnd.jpg) repeat-y;
> overflow:hidden;
> }
>
> and see if that helps.
>
> --
> 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
> ==================
>
>
> "Bryan628" <[email protected]> wrote in
message
> news:g6qqk1$1ag$[email protected]..
> > And thanks for your time.
> >
http://www.asmc.ca/index2.html
> >
> > Bryan
>
>
>
>
>

Preview what a background 'Image Repeat' will look like?

I want to preview some website background images that I have which are 1 pixel wide without having to upload to the website and refresh the page. Is there a way to preview images repeating in either Adobe Bridge or Adobe Photoshop or any product in the Adobe Creative Cloud for that matter without having to upload to the website and refresh the page? I would ideally like to scroll through the images and have it simulate the repeat horizontal style.

Not sure that is what I'm looking for.
I have over 2000 different gradients for website backgrounds that I just want to scroll through to pick the one I want but I need the image to repeat horizontally so that I can see it because it's only 1 pixel wide ...
Ideally, I would like to just be able to hit my arrow key down and down and down and preview what the background would look like super quickly so I can pick the one I like best.
Hopefully that makes better sense.
Thanks!
Something like this website, but where i don't have to upload files to the web.
http://lab.rails2u.com/bgmaker/

Background image repeat, like css repeat_y

I imagine this is possible, but I haven't figured it out as yet.
I simply want to add a background image that does not scale, but functions exactly like a HTML/CSS background:
    background-repeat: repeat-y;
    background-position: left top;
Thanks.

Just because the swc is 700 kb doesn't mean your project will increase by that amount.
Only classes that are actually being used are compiled into your project.
As an alternative, you can use this simple class I wrote:
http://muzakdeezign.com/flex3/flex3lib/ImageTile.as
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:display="com.muzakdeezign.flex.display.*"
layout="absolute"
backgroundColor="#282E3E"
backgroundImage=""
>
     
     <display:ImageTile width="100%" height="1200" source="@Embed('skins/bg.png')" includeInLayout="false" />
     
     
     
     
</Application>

NavBar Background Image repeats in Netscape

Portal generates the following HTML to place an image in a NAVBAR:
<TABLE BORDER="0" class="RegionBorder" background="http://www.gevityhr.com/pls/portal30/docs/293.GIF" CELLSPACING="0" CELLPADDING="0" WIDTH="100%">
This works great in IE 5.0 the image shows up once. In Netscape 4.x the image repeats for each navbar element.

On Sun, 25 Jun 2006 00:29:18 +0000 (UTC), "Hydrowizard"
<[email protected]> wrote:
> Also for some reason the background image in the navbar
div is not shown in
>macs using firefox and mozilla (internet explorer in macs
shows it) and linux
>users. What is the cross browser solution for this?
Thanks
Could it just be timing out? The server is EXTREMELY slow.
Gary

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

When I try to print, I get one page with a header and the background image, another page with the content, and a third page with a footer and background image. How can I make it print properly?

Also, if I print to a .pdf, the background does not show up even if I have the checkbox checked to print background image.
The site I'm trying to print is:
[http://www.puertovallartatours.net/coupons-discounts.htm http://www.puertovallartatours.net/coupons-discounts.htm]

I did not have the HP printer software for Mac OSX installed properly. Once installed the problem went away.

Background images which change with scrolling, just how is it done?

These fabulous sites, were featured on Adobe Muse's Site of the Day
http://www.streetreach.org/
http://www.lauranet.nl/
Brilliant sites. What they have in common is a background image (of sorts) that changes with scrolling, I just cant get my brain around how it's done?
Can anyone point me in the right direction?
Thanks

Start with some of these:
http://tv.adobe.com/watch/muse-feature-tour/adobe-muse-parallax-scrolling-may-2013/
www.youtube.com/watch?v=5OOLEztI-so
www.youtube.com/watch?v=8m2Lg241e3A
www.youtube.com/watch?v=gZI_K1TXqOM
I got these (and MANY more) by Googling, "Muse Parallax Scrolling"
Good luck.

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

Crop a background image (movie) - working with a template

I'm working with the template "Promo > Product Shot". The image block with the bike is what I want to replace with my own video clip.
I can't figure out how to replace it, so I took the video clip and "placed" it. That's all fine, but now I want the size of the video clip to match the size of the bike block. I can scale it down to get close but then I'd have to crop the sides to get the vertical block shape.
Can't figure out how to do this either. Is it even possible?
Thank you very much,
Eric P

Thank you for the speedy reply.
I played with that tab a little but didn't understand exactly what it was so I never followed through with it.
I did follow your steps, but nothing happened. Perhaps there is something I have to do after selecting the movie?
Thank you,
Eric

Background image in 7912 with CME

Some one could give a hand telling me how to upload the .bmp image converted to .logo with bmp2logo.exe application in a CME for a 7912 IP Phone?? I mean, how to display it in the IP Phone.
Thanks in advise for your help.

Answered in IP Telephony forum

Background audio ads even with no tabs open

This is driving me nuts. I have searched for answers, but none help.
I get random audio ads even when there is only a new tab open in Firefox 15. Started with "Congratulations, you won", but today for example, I get an ad for Disney World. Its incredibly annoying.
Happens at random. I could have several in 5 minutes or none for a day of browsing.
I auto clean my cache after each session. No proxies. Does not seem related to any plugin. Have created a new profile.
There MUST be a way t stop this. Anyone have good ides?
Thanks.
~Bob

Try to delete the sessionstore.js file and possible sessionstore-##.js files with a number and sessionstore.bak in the Firefox Profile Folder.
*Help > Troubleshooting Information > Profile Directory: Open Containing Folder
*http://kb.mozillazine.org/Profile_folder_-_Firefox
Deleting sessionstore.js will cause App Tabs and Tab Groups and open and closed (undo) tabs to get lost, so you will have to create them again (make a note or bookmark them).
You can use this button to go to the Firefox profile folder:
*Help > Troubleshooting Information > Profile Directory: Show Folder
Create a new profile as a test to check if your current profile is causing the problems.
See "Creating a profile":
*https://support.mozilla.org/kb/profile-manager-create-and-remove-firefox-profiles
*http://kb.mozillazine.org/Standard_diagnostic_-_Firefox#Profile_issues
There may be extensions and plugins installed by default in a new profile, so check that in "Tools > Add-ons > Extensions & Plugins" in case there are still problems.
If the new profile works then you can transfer some files from the old profile to that new profile, but be careful not to copy corrupted files.
See:
*http://kb.mozillazine.org/Transferring_data_to_a_new_profile_-_Firefox
You can also try to reset Firefox:
*https://support.mozilla.org/kb/Basic+Troubleshooting

Background image repeating, even with no-repeat?

Similar Messages

Maybe you are looking for