Re: [css-d] Background-Image overrides background color

On Sun, Jan 11, 2015 at 12:24 PM, Philip Taylor wrote: > > > Tom Livingston wrote: > >> In a URL string like that, I personally would not look down on the dev for >> that. > > > We could debate this forever, Tom, and I suspect would never reach > agreement. My position (with which you may well di

Re: [css-d] Background-Image overrides background color

Tom Livingston wrote: In a URL string like that, I personally would not look down on the dev for that. We could debate this forever, Tom, and I suspect would never reach agreement. My position (with which you may well disagree) is that I look on it as being similar to a developer who elec

Re: [css-d] Background-Image overrides background color

> > Schoolboy errors, which indicate (to my mind) the level of care (or lack > thereof) that went into the preparation of the material : > > Error Line 453, Column 88: & did not start a character reference. (& > probably should have been escaped as &.) > > …ancybar.net/ac/fancybar.js?zoneid=1502&se

Re: [css-d] Background-Image overrides background color

Tom Livingston wrote: It appears that the errors are for things that are not yet part of the spec the validator is based on. I would not call that bad code. Schoolboy errors, which indicate (to my mind) the level of care (or lack thereof) that went into the preparation of the material : E

Re: [css-d] Background-Image overrides background color

w3school is at the top for so many searches. It would be great if they would just clean up their site. -- Registered Linux User: #480675 Registered Linux Machine: #408606 Linux since June 2005 On Sun, Jan 11, 2015 at 10:30 AM, Barney Carroll wrote: > I'm amazed it took this long for a link to th

Re: [css-d] Background-Image overrides background color

I'm amazed it took this long for a link to the W3 validator to creep into the conversation. Maybe if we keep at it the list archives will trump w3schools in search results? Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarroll.com On 11 January 2015 at 16:22, Tom Living

Re: [css-d] Background-Image overrides background color

It appears that the errors are for things that are not yet part of the spec the validator is based on. I would not call that bad code. On Sun, Jan 11, 2015 at 11:17 AM Philip Taylor wrote: > > > Tom Livingston wrote: > > For someone at the OPs level, I'd not recommend a site with such a bad > >

Re: [css-d] Background-Image overrides background color

Tom Livingston wrote: For someone at the OPs level, I'd not recommend a site with such a bad reputation. He won't know if what he is reading is correct. While that site may be improved as of late, why start learning at such a poorly regarded source. There are much more reputable places to learn

Re: [css-d] Background-Image overrides background color

For someone at the OPs level, I'd not recommend a site with such a bad reputation. He won't know if what he is reading is correct. While that site may be improved as of late, why start learning at such a poorly regarded source. There are much more reputable places to learn the basics. Csstricks.co

Re: [css-d] Background-Image overrides background color

On Jan 11, 2015, at 2:02 AM, "Jukka K. Korpela" wrote: > 2015-01-11, 9:48, Karl DeSaulniers wrote: > >> I would suggest a little trip to WC3. > > I wonder what that means. it means study time > >> See here: >> http://www.w3schools.com/css/css_background.asp > > The w3schools site, unrel

Re: [css-d] Background-Image overrides background color

2015-01-11, 9:48, Karl DeSaulniers wrote: I would suggest a little trip to WC3. I wonder what that means. See here: http://www.w3schools.com/css/css_background.asp The w3schools site, unreliable and with rather low information/noise ratio, intentionally wants to be confused with the Word

Re: [css-d] Background-Image overrides background color

2015-01-11, 6:59, Crest Christopher wrote: The background image should sit on-top of the background color, Yes, if both are specified. instead the background color is overriding my background image ? background-color:#343630;/*#b7b7b7;*/ background:url("/wdp/wip/overlay_bg.png");

Re: [css-d] Background-Image overrides background color

I would suggest a little trip to WC3. You have posted this a lot. it should be background-image: if your just setting the url attribute to your background image. background: if your setting the url, position, size, origin, color, etc as the shorthand notation. See here: http://www.w3school

Re: [css-d] Background-Image overrides background color

Try making the background color the last item in the list. On Sat, Jan 10, 2015 at 11:59 PM, Crest Christopher < crestchristop...@gmail.com> wrote: >The background image should sit on-top of the background color, instead > the background color is overriding my background image ? > > backgrou

[css-d] Background-Image overrides background color

The background image should sit on-top of the background color, instead the background color is overriding my background image ? background-color:#343630;/*#b7b7b7;*/ background:url("/wdp/wip/overlay_bg.png"); background-position:top; background-blend-mode: overlay; m

Re: [css-d] Background image on body appears to be in viewport or HTML

On 09/02/2014 20:53, David Hucklesby wrote: On 2/9/14, 12:11 PM, Chris Rockwell wrote: Interesting Chris. I'v always styled the with margins, positioning, sometimes padding...etc and it always has an effect. But have you applied colors, images to that? This pen shows what I'm referring to (and

Re: [css-d] Background image on body appears to be in viewport or HTML

> > > Backgrounds on root elements are special :) > > http://www.w3.org/TR/css3-background/#special-backgrounds Perfect - thanks for the link Jon! -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] http://www.css-di

Re: [css-d] Background image on body appears to be in viewport or HTML

On Sun, Feb 9, 2014 at 3:53 PM, David Hucklesby wrote: > I believe that's because backgrounds on propagate to the viewport - > that's the root () element. Unless, that is, you have a background > specified for . > Backgrounds on root elements are special :) http://www.w3.org/TR/css3-background

Re: [css-d] Background image on body appears to be in viewport or HTML

That did it, so is this reverse cascading :)? On Sun, Feb 9, 2014 at 3:53 PM, David Hucklesby wrote: > On 2/9/14, 12:11 PM, Chris Rockwell wrote: > >> Interesting Chris. I'v always styled the with margins, >>> positioning, sometimes padding...etc and it always has an effect. But >> have >

Re: [css-d] Background image on body appears to be in viewport or HTML

On 2/9/14, 12:11 PM, Chris Rockwell wrote: Interesting Chris. I'v always styled the with margins, positioning, sometimes padding...etc and it always has an effect. But have you applied colors, images to that? This pen shows what I'm referring to (and I've never experienced because of my mark-up

Re: [css-d] Background image on body appears to be in viewport or HTML

Thanks Chris, and others. I'd agree about the 'wrapper'. It just happens I was rather throwing a page together for my menu tests, and slipped the background image onto the body. I've moved it now (in my local version only) to my 'wrapper', which is div#outer, and that works too, and looks much

Re: [css-d] Background image on body appears to be in viewport or HTML

>> Interesting Chris. I'v always styled the with margins, positioning, sometimes padding...etc and it always has an effect. But have you applied colors, images to that? This pen shows what I'm referring to (and I've never experienced because of my mark-up conventions): http://codepen.io/anon/pen/f

Re: [css-d] Background image on body appears to be in viewport or HTML

Interesting Chris. I'v always styled the with margins, positioning, sometimes padding...etc and it always has an effect. Rachel, Tim will need to give his element a position of absolute, relative (and maybe fixed but I'm sure about that one) for z-index to kick in. Eric > On February 9, 2014 at

Re: [css-d] Background image on body appears to be in viewport or HTML

oThis has never come up for me, so I can't explain (yet) why this happens, but it appears, at least in Chrome, that some style attributes don't honor widths, margins, [and other things I don't know of] of the body element. The reason this has never come up for me, is that I would always use a wrap

Re: [css-d] Background image on body appears to be in viewport or HTML

Hi - I think you have to give it a position and include a z-index instruction to tell it to put the image at the "back", eg background-attachment: fixed; background-position: 50% 60px; margin: 30px 0px 0px 0px; z-index: 1; } That, above, is taken from a very old style sheet;

[css-d] Background image on body appears to be in viewport or HTML

I've been playing around with a few menu design ideas, and mocked up a site to try them out. The menus are OK as far as they go, but I'm having trouble with a background image. I have been trying to set up a background image in the (or in ), but when I do so it appears outside the body, as if

Re: [css-d] background image AND background color?

You have to set up a special alpha CSS for IE. Also you may need PNG fix for it to work in IE older browsers, but it can be done. just search for "transparency in IE" and PNG fix for IE HTH, Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jun 19, 2013, at 12:46 PM, COM wrote:

Re: [css-d] background image AND background color?

On Jun 19, 2013, at 11:43 AM, David Laakso wrote: > The red-like color is opaque: no texture whatsoever seen in Windows 7 > any browser. well that blows a hole right through that technique..thank you for telling me that, David. John ___

Re: [css-d] background image AND background color?

On Wed, Jun 19, 2013 at 1:46 PM, COM wrote: confirmed…here's what worked for me./.. > > To make my png partially opaque in my image editor (Pixelmator)…I set it to > 50% just for grins and NOW the influence of that red is taking effect on the > PNG texture occupying the same element. > > link:h

Re: [css-d] background image AND background color?

s.org] On Behalf Of Tom Livingston Sent: Wednesday, June 19, 2013 10:36 AM To: COM Cc: CSS-Discuss Subject: Re: [css-d] background image AND background color? You won't get PhotoShop "multiply" layer effects exactly, but using a 24bit png for your image with areas of alpha transpar

Re: [css-d] background image AND background color?

On Jun 19, 2013, at 10:35 AM, "Tom Livingston" wrote: > You won't get PhotoShop "multiply" layer effects exactly, but using a 24bit > png for your image with areas of alpha transparency to allow the bg color to > come through is as close as u can get I believe. confirmed…here's what worked f

Re: [css-d] background image AND background color?

You won't get PhotoShop "multiply" layer effects exactly, but using a 24bit png for your image with areas of alpha transparency to allow the bg color to come through is as close as u can get I believe. ​HTH  — Sent from Mailbox for iPhone On Wed, Jun 19, 2013 at 11:54 AM, COM wrote: > On Ju

Re: [css-d] background image AND background color?

On Jun 19, 2013, at 10:31 AM, Karl DeSaulniers wrote: > Tested on safari 6.0.5... > > background-color: rgba(240,0,0,0.4); > > althought it looks like rgba(240,0,0,0.2) might be better suited. :) > weird…no change for me at all, tho when I refresh, I do see the reduced-opacity red flash for

Re: [css-d] background image AND background color?

Tested on safari 6.0.5... background-color: rgba(240,0,0,0.4); althought it looks like rgba(240,0,0,0.2) might be better suited. :) Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Jun 19, 2013, at 12:17 PM, David Laakso wrote: > On Wed, Jun 19, 2013 at 11:51 AM, COM wrote: >>

Re: [css-d] background image AND background color?

On Wed, Jun 19, 2013 at 11:51 AM, COM wrote: > > On Jun 19, 2013, at 8:37 AM, David Laakso wrote: > > For those among us who dwell in the visual world, one picture is worth > a thousand words... a click able link to your coded page would help. > > > A link to the page in question is here: > http:

Re: [css-d] background image AND background color?

On Jun 19, 2013, at 8:37 AM, David Laakso wrote: > > For those among us who dwell in the visual world, one picture is worth > a thousand words... a click able link to your coded page would help. A link to the page in question is here: http://coffeeonmars.com/test/flextest/flextest.html the

Re: [css-d] background image AND background color?

On Wed, Jun 19, 2013 at 10:58 AM, COM wrote: > > On Jun 18, 2013, at 6:38 PM, David Laakso wrote: > > Anything is possible. Scalable Vector Graphics [svg images], CSS rgba > transparency, and CSS linear-gradients --among other contemporary > methods ... open a lot of new doors and windows that

Re: [css-d] background image AND background color?

On Tue, Jun 18, 2013 at 8:22 PM, COM wrote: > Fiddling with trying to combine a background image with background color > applied to the same element and hoping to vary either one or both opacity. > > Is this possible to do…I guess what I'm looking for is to do with CSS, images > and color what y

Re: [css-d] background image AND background color?

Background: #cco url('image.png') 0 0 no-repeat; — Sent from Mailbox for iPhone On Tue, Jun 18, 2013 at 8:22 PM, COM wrote: > Fiddling with trying to combine a background image with background color > applied to the same element and hoping to vary either one or both opacity. > Is this possible

[css-d] background image AND background color?

Fiddling with trying to combine a background image with background color applied to the same element and hoping to vary either one or both opacity. Is this possible to do…I guess what I'm looking for is to do with CSS, images and color what you can do with Photoshop layers. Thank you! John ___

[css-d] background image of entire tag change on hover... not the tags under it?

Hi everyone, I am trying to solve a css puzzle and thought I'd see if I could find help. I am building a navigation that is composed of three elements, each with a background image. I would like for the background image to change when the user hovers over anywhere within the element, and

Re: [css-d] background image not appearing

> Wait..so…you're saying that the .css document is "making the call" for the > background image and NOT the HTML page? > so, if the styles were in the html document head, THEN it would be one up? > No, what he is saying is the code you have got is dependent on where exactly your CSS file is

Re: [css-d] background image not appearing

Correct — Sent from Mailbox for iPhone On Fri, Apr 26, 2013 at 7:29 PM, COM wrote: > On Apr 26, 2013, at 4:26 PM, COM wrote: >>> Background images are relative to the CSS not the HTML > Wait..so…you're saying that the .css document is "making the call" for the > background image and NOT the H

Re: [css-d] background image not appearing

On Apr 26, 2013, at 4:29 PM, "Tom Livingston" wrote: > Right so you have to back out of the CSS dir then go into the image dir to > get your background image, where as the HTML just had to go into the CSS dir > to get the sheet. > OK..alright…this is a key bit of learning for Johnny today..t

Re: [css-d] background image not appearing

On Apr 26, 2013, at 4:26 PM, COM wrote: >> Background images are relative to the CSS not the HTML Wait..so…you're saying that the .css document is "making the call" for the background image and NOT the HTML page? so, if the styles were in the html document head, THEN it would be one up? Sorr

Re: [css-d] background image not appearing

On Apr 26, 2013, at 4:14 PM, "Tom Livingston" wrote: > Background images are relative to the CSS not the HTML I get that but here's a screen grab showing that the image is "1 folder up" and that the .css file is, too "1 folder up" ergo, the same relationship from html file to css file as fro

Re: [css-d] background image not appearing

Background images are relative to the CSS not the HTML  — Sent from Mailbox for iPhone On Fri, Apr 26, 2013 at 7:12 PM, COM wrote: > On Apr 26, 2013, at 4:04 PM, Micky Hulse wrote: >> Have you tried: >> >> background-image:url(../image/bricktile.jpg); > That works, but I don't get it because f

Re: [css-d] background image not appearing

On Apr 26, 2013, at 4:04 PM, Micky Hulse wrote: > Have you tried: > > background-image:url(../image/bricktile.jpg); That works, but I don't get it because for the css, THIS works: css/hwthreestyles.css where css is the folder where the .css file lives. why the leading ../ for the image but

Re: [css-d] background image not appearing

Howdy, On Fri, Apr 26, 2013 at 3:50 PM, COM wrote: > given the code below and that my "bricktile.jpg" is 1 level up from my > index.html in a folder named "image" can anyone tell me why my > background-image refuses to appear? Have you tried: background-image:url(../image/bricktile.jpg); ___

Re: [css-d] background image not appearing

COM wrote: > given the code below and that my "bricktile.jpg" is 1 level up from > my index.html in a folder named "image" can anyone tell me why my > background-image refuses to appear? Because it is one level up, not one level down. Philip Taylor > > I've been looking at it for hal

[css-d] background image not appearing

given the code below and that my "bricktile.jpg" is 1 level up from my index.html in a folder named "image" can anyone tell me why my background-image refuses to appear? I've been looking at it for half hour and I am baffled. thank you for any clues. John body{ font-size:100%;

Re: [css-d] Background Image Not Showing in IE7/IE8

Am 15.11.2012 16:14 schrieb Elli Vizcaino: - Original Message - From: HMW Sales To: css-d@lists.css-discuss.org Cc: Sent: Thursday, November 15, 2012 9:56 AM Subject: Re: [css-d] Background Image Not Showing in IE7/IE8 On 11/15/2012 9:43 AM, Markus Ernst wrote: Am 15.11.2012 15

Re: [css-d] Background Image Not Showing in IE7/IE8

On 11/15/2012 10:14 AM, Elli Vizcaino wrote: - Original Message - From: HMW Sales To: css-d@lists.css-discuss.org Cc: Sent: Thursday, November 15, 2012 9:56 AM Subject: Re: [css-d] Background Image Not Showing in IE7/IE8 On 11/15/2012 9:43 AM, Markus Ernst wrote: Am 15.11.2012 15

Re: [css-d] Background Image Not Showing in IE7/IE8

012 10:14 AM >Subject: Re: [css-d] Background Image Not Showing in IE7/IE8 > > > >- Original Message - > >> From: HMW Sales >> To: css-d@lists.css-discuss.org >> Cc: >> Sent: Thursday, November 15, 2012 9:56 AM >> Subject: Re: [css-d] Backgroun

Re: [css-d] Background Image Not Showing in IE7/IE8

- Original Message - > From: HMW Sales > To: css-d@lists.css-discuss.org > Cc: > Sent: Thursday, November 15, 2012 9:56 AM > Subject: Re: [css-d] Background Image Not Showing in IE7/IE8 > > On 11/15/2012 9:43 AM, Markus Ernst wrote: >> Am 15.11.2012

Re: [css-d] Background Image Not Showing in IE7/IE8

On 11/15/2012 9:43 AM, Markus Ernst wrote: Am 15.11.2012 15:27 schrieb Elli Vizcaino: Here is my conditional comment in case you were wondering: At the page that you link to, I see this: Are sure you have actually posted the link to the page you have the problem with? __

Re: [css-d] Background Image Not Showing in IE7/IE8

esses build  a brand that helps them engage, delight and  interact more profitably with their customers.  http://www.e7flux.com - Original Message - > From: Markus Ernst > To: Elli Vizcaino > Cc: CSS Discuss ; Isabel Santos > > Sent: Thursday, November 15, 2012 9:43 AM &

Re: [css-d] Background Image Not Showing in IE7/IE8

Am 15.11.2012 15:27 schrieb Elli Vizcaino: Here is my conditional comment in case you were wondering: At the page that you link to, I see this: Are sure you have actually posted the link to the page you have the problem with? __

Re: [css-d] Background Image Not Showing in IE7/IE8

trepreneurs and businesses build  a brand that helps them engage, delight and  interact more profitably with their customers.  http://www.e7flux.com > > From: Isabel Santos >To: Elli Vizcaino >Cc: CSS Discuss >Sent: Wednesday, November 14, 201

Re: [css-d] Background Image Not Showing in IE7/IE8

Hi Elli, I cannot find the conditional comment on your code, not on the ie developer tools, nor on firebug, (I gess it has to do with a onload js script) so I'm not sure I'm seeing the right css files, but you do not really need a conditional code for the multiple backgrounds if you write the rule

[css-d] Background Image Not Showing in IE7/IE8

Hello CSS Discuss,  I'm using conditional statement to target an ie specific stylesheet to browsers IE7 & 8 since neither of them support CSS3 multiple backgrounds. While IE7 & 8 are both picking up the stylesheet's bacgkround color property it's not loading the background image. I'm not sure w

Re: [css-d] Background image not displaying in correct position

On Thu, 2012-03-01 at 20:56 -0800, David Hucklesby wrote: > On 3/1/12 11:36 AM, Erica Cavin wrote: > > On this page: http://www.risingstarquilters.org/join_update.html > > > > the small arrow that should appear next to "Back to questions" > > displays far to the left in Chrome and Safari. It disp

Re: [css-d] Background image not displaying in correct position

This bug was reported in January 2000: https://bugzilla.mozilla.org/show_bug.cgi?id=25291 After twelve years and only 13 comments, I'd guess that no one cares enough to fix it :( -- Vince Aggrippino Ghodmode Development http://www.ghodmode.com On Fri, Mar 2, 2012 at 12:17 PM, Ghodmode wrote

Re: [css-d] Background image not displaying in correct position

On 3/1/12 11:36 AM, Erica Cavin wrote: On this page: http://www.risingstarquilters.org/join_update.html the small arrow that should appear next to "Back to questions" displays far to the left in Chrome and Safari. It displays properly in Firefox and IE. Any thoughts as to why? I think that

Re: [css-d] Background image not displaying in correct position

On Fri, Mar 2, 2012 at 3:36 AM, Erica Cavin wrote: > On this page:  http://www.risingstarquilters.org/join_update.html > > the small arrow that should appear next to "Back to questions" displays > far to the left in Chrome and Safari.  It displays properly in Firefox > and IE.  Any thoughts as to

[css-d] Background image not displaying in correct position

On this page: http://www.risingstarquilters.org/join_update.html the small arrow that should appear next to "Back to questions" displays far to the left in Chrome and Safari. It displays properly in Firefox and IE. Any thoughts as to why? CSS here: http://www.risingstarquilters.org/styles2

Re: [css-d] background-image needs to display when there is no content

Thank you Phillipe! that worked beautifully. Norman On 2011-09-12, at 6:00 PM, Philippe Wittenbergh wrote: > > On Sep 13, 2011, at 5:50 AM, Norman Fournier wrote: > >>> Here is the affected page with the background image broken: >>> http://www.thehalcyoncore.com/thc-audios.html >> >> Thanks f

Re: [css-d] background-image needs to display when there is no content

On Sep 13, 2011, at 5:50 AM, Norman Fournier wrote: >> Here is the affected page with the background image broken: >> http://www.thehalcyoncore.com/thc-audios.html > > Thanks for looking at that for me. What I would like is for the paint drips > to display when there is no text or graphic conte

Re: [css-d] background-image needs to display when there is no content

On 2011-09-12, at 1:59 PM, Chetan Crasta wrote: > On Mon, Sep 12, 2011 at 9:53 PM, Norman Fournier > wrote: > Hello, > > I have a page that requires a background image to display when there is no > content in the div. I have cobbled a transparent gif into the div in order to > force the image

Re: [css-d] background-image needs to display when there is no content

On Mon, Sep 12, 2011 at 9:53 PM, Norman Fournier wrote: > Hello, > > I have a page that requires a background image to display when there is no > content in the div. I have cobbled a transparent gif into the div in order > to force the image to display. If the transparent gif is not there, the > b

[css-d] background-image needs to display when there is no content

Hello, I have a page that requires a background image to display when there is no content in the div. I have cobbled a transparent gif into the div in order to force the image to display. If the transparent gif is not there, the background image is cropped at the top of the div. I want to lose

Re: [css-d] Background image position

On 30/06/2011 6:31 AM, Tom Livingston wrote: List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ In a capable browser, you can see how the large bg image is behaving. This is what I am after and I'm using a media query to achieve this. But I have a couple questions

Re: [css-d] Background image position

> While I appreciate your time, I was not looking to change the way the > page reacts to the viewport, just whether or not there is a better way > to do what I was already doing and if it is possible to have IE7 and 8 > react the same way as capable browsers. > I think Lasko got it dead right

Re: [css-d] Background image position

> Keep it simple. And readable on landing. > > markup > > css > > > > Folds to 400 in FF, Safari, Opera, and Chrome. > Folds to 600 in IE 7/8. > IE 9 not checked. > Not corrected for nor checked in IE 6.

Re: [css-d] Background image position

On Wed, Jun 29, 2011 at 6:04 PM, John D wrote: > > > > >> 1) Is the way I am achieving the effect completely bonkers? Am I >> overlooking a much simpler way? > > That is exactly the way to do what you are trying to do except that I would > fix the image position like this: > > #outer-wrap{backgro

Re: [css-d] Background image position

On 6/29/11 4:31 PM, Tom Livingston wrote: List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ Keep it simple. And readable on landing. markup css Folds to 400 in F

Re: [css-d] Background image position

> 1) Is the way I am achieving the effect completely bonkers? Am I > overlooking a much simpler way? That is exactly the way to do what you are trying to do except that I would fix the image position like this: #outer-wrap{background: #fff url(../Bokeh.jpg) no-repeat fixed 50% top; } The al

Re: [css-d] Background image position

List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ In a capable browser, you can see how the large bg image is behaving. This is what I am after and I'm using a media query to achieve this. But I have a couple questions for you concerning the background image 1

Re: [css-d] Background image position

On Jun 29, 2011, at 1:11 AM, Alan Gresley wrote: > On 29/06/2011 1:55 PM, John D wrote: >> On 29/06/2011 9:01 AM, Tom Livingston wrote: > >>> List, >>> >>> Is it possible to position a background image on the body of a page so >>> that the LEFT EDGE of the image is always at 50% of the viewpo

Re: [css-d] Background image position

On 29/06/2011 1:55 PM, John D wrote: On 29/06/2011 9:01 AM, Tom Livingston wrote: List, Is it possible to position a background image on the body of a page so that the LEFT EDGE of the image is always at 50% of the viewport? Ive googled a bit but not sure im using the right search terms...

Re: [css-d] Background image position

On Wed, Jun 29, 2011 at 4:31 AM, Tom Livingston wrote: > > Is it possible to position a background image on the body of a page so > that the LEFT EDGE of the image is always at 50% of the viewport? Ive > googled a bit but not sure im using the right search terms... > > background: url(image.png) n

Re: [css-d] Background image position

Of course it is possible. put this code for your background: background: white url(background_image.gif) repeat-y 50% 0; In the above code everything is self explanatory except the following: 50% === background position x; 0 === background position y; > List, > > Is it possible to position

[css-d] Background image position

List, Is it possible to position a background image on the body of a page so that the LEFT EDGE of the image is always at 50% of the viewport? Ive googled a bit but not sure im using the right search terms... TIA -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

On Jun 11, 2011, at 10:42 AM, tee wrote: > Still I have one question: you mentioned 100% for outer divs are not > necessary - but this is what I thought how iOS Safari "downsize" works, that > it shrinks everything inside the 100% to viewport size, meaning the 100% > width for outer box is th

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

Philipe, Thank you. > > And that is exactly how CSS is designed to work. You outer boxes (static, > inflow boxes) are as wide as the viewport, OK, I fully get it now. This is the first layout I ever did that goes beyond 980px (thus the cut off part is not something I saw before in iPad/iPhon

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

On Jun 10, 2011, at 8:29 AM, weblist99 wrote: > Alright. Good reminder! However from what is presented in the iPad Safari, > I am still not convinced this is the overflow issue for two reasons: > > 1) The 1500px background is outside the #container which has 1014px width > and previously with o

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

Philippe, > Oh but Mobile Safari downsized your page all right, to its viewport width > of 980px; but then that downsized page overflows, and cause the gap you > noticed. Mobile Safari is kind enough to show everything what's on your > page, without clipping. Luckily, as otherwise some contents ma

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

On Jun 9, 2011, at 9:26 PM, Tee wrote: > But iOS Safari able to resize (downsize) a webpage to its viewport when no > viewport declared. Why is it not the background image? You probably has > already noticed, the contents are downsized to fit the viewport 768; Oh but Mobile Safari downsized y

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

Philippe, Thanks for checking. >> > > That is what I would expect :-) > Unless specified MobileSafari assumes a viewport width of 980px. In your > case, the page overflows (#container being 1014 wide). But iOS Safari able to resize (downsize) a webpage to its viewport when no viewport declare

Re: [css-d] background image rendering issue - a safari bug for iPad or CSS ?

On Jun 9, 2011, at 11:07 AM, tee wrote: > 1.With no viewport nor media queries, the #container-wrap bg image got > cut off in both landscape and portrait. > http://jsbin.com/aholi4/ That is what I would expect :-) Unless specified MobileSafari assumes a viewport width of 980px. In your case

[css-d] background image rendering issue - a safari bug for iPad or CSS ?

Anybody here more experience with CSS issue for iPad? I am running out of idea what might be the cause for this but to think it's a Safari rendering bug in iOS.. In the examples below, the page uses a 1500px wide background image, and it has this structure to make the visual displays properly.

Re: [css-d] Background image randomly showing in IE6 and IE7

Hi Chetan, Thank's a lot for your feedback! Your solution seems to work better, although I didn't yet test it in all browsers. Will let you know what the results are :) Thanks again, Albert On 13-12-2010 15:38, Chetan Crasta wrote: Ok, I think it is fixed: http://roughtech.com/t/debannehome

Re: [css-d] Background image randomly showing in IE6 and IE7

Ok, I think it is fixed: http://roughtech.com/t/debannehome.html I put the background image in the div#container (look at the inline style). ~Chetan __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/

Re: [css-d] Background image randomly showing in IE6 and IE7

> Thanks, but this doesn't solve the problem. Image is still randomly > showing/not showing :( > Anything else I could try? Sorry about that. It worked when I applied zoom using the web developer tool. I noticed that div#rightbackground is empty and has a min-height of 854px. Did you try height:

Re: [css-d] Background image randomly showing in IE6 and IE7

Hi Chetan, Thanks, but this doesn't solve the problem. Image is still randomly showing/not showing :( Anything else I could try? Thanks, Albert On 10-12-2010 14:33, Chetan Crasta wrote: You have to give div#rightbackground hasLayout. You can use the proprietary zoom:1 to do this: ~Chetan

Re: [css-d] Background image randomly showing in IE6 and IE7

You have to give div#rightbackground hasLayout. You can use the proprietary zoom:1 to do this: ~Chetan On Fri, Dec 10, 2010 at 5:23 PM, Albert van der Veen wrote: > Hi all, > > Please have a look at this site: http://www.debanne.nl/ > > For some reason the large background photo on the right s

[css-d] Background image randomly showing in IE6 and IE7

Hi all, Please have a look at this site: http://www.debanne.nl/ For some reason the large background photo on the right sometimes shows and sometimes not in IE6 and IE7. There are different pictures on every page which is accomplished by overruling the css with an extra style element in the h

Re: [css-d] background image - repeat, flip horizontal and vertically

On Tuesday, July 13, 2010 7:24:41 am Chris Blake wrote: > Hi, > > Since that took a while I have done some research. > Flipping it seems impossible so I went for the 100% width, maintain > aspect ratio idea. > The answer isn't great here too but there is some hope in the way of > CSS3 background-s

Re: [css-d] background image - repeat, flip horizontal and vertically

Hi, Since that took a while I have done some research. Flipping it seems impossible so I went for the 100% width, maintain aspect ratio idea. The answer isn't great here too but there is some hope in the way of CSS3 background-size: 100%; (that will keep the aspect ratio). Only supported by

[css-d] background image - repeat, flip horizontal and vertically

Hi, Ok I have an image for my background. It's repeating but because it's not a tiling pattern it looks odd if you are zoomed out so far that you can't see it. One option could be to remove the repeating and have some kind of effect, e.g. gradient, that dissolves the image into a suitable

  1   2   3   4   5   >