Re: [css-d] Background image disappears when not repeated [SOLVED]
David, Thank you for replying. > And, yes, that syntax is incorrect. The "no-repeat" value may only > be used for the background-repeat property, or as part of the > "background" shorthand property. Ah, now I understand. "background-image" should be used to only specify an image location and nothing else, and "background" can be used to specify various background settings. Thank you for clearing that up for me. -- Dave M G CSSed Zend Studio 5.5 Photoshop 7 (Wine) Inkscape, GIMP, Ubuntu 7.04 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image disappears when not repeated
On Sat, 28 Jul 2007 13:48:14 +0900, Dave M G wrote: > > I solved my own issue, though I don't really understand why. > > For some reason, this doesn't display any image at all: > background-image:url(image.png); > > But this does display the image: > background:url(image.png); > > Do I have the syntax incorrect in some way? Or do I misunderstand the purpose > of > "background-image"? Hi Dave, Looking at your original post, I am seeing this declaration: background-image:url(footerbreak.png) no-repeat; And, yes, that syntax is incorrect. The "no-repeat" value may only be used for the background-repeat property, or as part of the "background" shorthand property. You may use "background: url(image.png);" as you say, which will default to "repeat"; or you could use "background: url(image.png) no-repeat;" which is what you appeared to be attempting. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Background image disappears when not repeated
CSS-d, I solved my own issue, though I don't really understand why. For some reason, this doesn't display any image at all: background-image:url(image.png); But this does display the image: background:url(image.png); Do I have the syntax incorrect in some way? Or do I misunderstand the purpose of "background-image"? -- Dave M G CSSed Zend Studio 5.5 Photoshop 7 (Wine) Inkscape, GIMP, Ubuntu 7.04 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image disappears when not repeated
CSS-d,
I have some text which is inside a tag that has the following CSS
specifications:
.footer-text-right {
height:inherit;
float: right;
margin:0px 50px 0px 0px;
padding: 0px 0px 0px 12px;
background-image:url(footerbreak.png) no-repeat;
background-position: left;
}
The image "footerbreak.png" is a 1 pixel wide image that is intended to
appear as a border on the left side of the text.
If I make background-image have a setting of "repeat", then the one
pixel image repeats across the length of the span, as I would expect it to.
However, with the settings above, with background-image set to
"no-repeat", and background-position set to "left", the background image
disappears completely.
Am I missing a necessary setting? Or perhaps I'm confused about the
nature of background images within tags?
How do I get the background image to appear once, on the left side, of
my ?
Thank you for any advice.
--
Dave M G
CSSed
Zend Studio 5.5
Photoshop 7 (Wine)
Inkscape, GIMP, Ubuntu 7.04
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
