Why is backgroind showing through on graphic items?

davedesigner · January 11, 2009, 7:07pm

What colour is the box you are drawing? Is it the same colour as the background? if so, its not actually cutting a hole, just looking like it.

On 11 Jan 2009, at 5:56 pm, SkipII wrote:

I cannot think if any clearer way to describe this that to say the box I draw is cutting through the middle color layer and exposing the page background color on the site.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

SkipII · January 11, 2009, 7:12pm

Need it to not have a color – just transparent.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

SkipII · January 11, 2009, 7:13pm

Graphic, not HTML

On 11 Jan 2009, 5:12 pm, thatkeith wrote:

Sometime around 11/1/09 (at 12:56 -0500) SkipII said:

the box I draw is cutting through the middle color layer and
exposing the page background color on the site.

Please humour me and tell me this: what kind of box is it that is
cutting through? Graphic or HTML? Select it and look at the Inspector
palette’s title…

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

SkipII · January 11, 2009, 7:15pm

Don’t want to color it – it may at times be on top of a gradient. Need it to be transparent background. > On 11 Jan 2009, at 17:56, SkipII wrote:

I cannot think if any clearer way to describe this that to say the
box I draw is cutting through the middle color layer and exposing
the page background color on the site.

I don’t know if this is the fix, but have you tried giving the box a
background colour using the Inspector?

best wishes,

Paul Bradforth

http://www.paulbradforth.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

davedesigner · January 11, 2009, 7:17pm

Right I’ve got it, I can recreate this problem when working with the CCS button off (Table layout)

See the Big CSS button on the top right of the window? Make sure that is on (it will turn blue and say CSS layout).

If you re-create your steps with this CSS button on, the hole won’t happen this time.

On 11 Jan 2009, at 5:56 pm, SkipII wrote:

"Okay – delte the gray box. Problem solved.

No, there is no gray box. It is a graphic box I have drawn where the base background color gray is showing through the middle layer (tan or black as the case may be).

I cannot think if any clearer way to describe this that to say the box I draw is cutting through the middle color layer and exposing the page background color on the site.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

davedesigner · January 11, 2009, 7:20pm

And to change your existing item to CSS…

Click on each item on your page, look in the CSS inspector > Item General Settings > toggle the CSS tickbox on

The holes will disappear.

On 11 Jan 2009, at 7:17 pm, David Owen wrote:

If you re-create your steps with this CSS button on, the hole won’t happen this time.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

davedesigner · January 11, 2009, 7:30pm

I would recommend you working with the CSS button on. It makes a layer of each item you create. You can then move that layer up and down to overlay other items, to make your page makeup easier.

There are other issues you will come up against when drawing a new box over another existing CCS layered item. But its good if you get comfortable with creating, moving and stacking CSS layered items to start with.

–

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

davedesigner · January 11, 2009, 7:33pm

opps… Sorry top left

On 11 Jan 2009, at 7:17 pm, David Owen wrote:

See the Big CSS button on the top right of the window?

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

SkipII · January 11, 2009, 7:41pm

CSS Inspector…CSS Inspector…looking all over for the CSS Inspector.

Where is it?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

SkipII · January 11, 2009, 7:43pm

CSS has been on the whole time. Never turned it off.

On 11 Jan 2009, 6:17 pm, David Owen wrote:

Right I’ve got it, I can recreate this problem when working with the
CCS button off (Table layout)

See the Big CSS button on the top right of the window? Make sure
that is on (it will turn blue and say CSS layout).

If you re-create your steps with this CSS button on, the hole won’t
happen this time.

On 11 Jan 2009, at 5:56 pm, SkipII wrote:

"Okay – delte the gray box. Problem solved.

No, there is no gray box. It is a graphic box I have drawn where
the base background color gray is showing through the middle layer
(tan or black as the case may be).

I cannot think if any clearer way to describe this that to say the
box I draw is cutting through the middle color layer and exposing
the page background color on the site.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Keith_Martin · January 11, 2009, 7:50pm

Sometime around 11/1/09 (at 14:41 -0500) SkipII said:

CSS Inspector…CSS Inspector…looking all over for the CSS Inspector.

Psst… nobody said “CSS Inspector”!

There’s a big “CSS Layout” button in the buttons along the top.
(Unless you dragged it out - see my note about customising and
restoring the button bar.)

When this button is blue then new items you make are layered
(CSS-positioned) by default. When the button is grey then new items
are not layered by default.

This doesn’t affect anything else; it doesn’t change the
layered/not-layered state of items you’ve already made. THAT is done
with the “Layer” checkbox in the Inspector, object by object.

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

SkipII · January 11, 2009, 7:58pm

Well…sorry…David did:

“Click on each item on your page, look in the CSS inspector > Item General Settings > toggle the CSS tickbox on…”

I am aware of the CSS button – it has ben on the whole time.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Paul_Bradforth · January 11, 2009, 8:09pm

On 11 Jan 2009, at 19:12, SkipII wrote:

Need it to not have a color – just transparent.

Could you not give it the background colour you want it to have? If
it’s transparent, it won’t have any colour. You’re finding that it’s
cutting through the one who’s colour you WANT it to have, and showing
the background colour instead. Can’t you just give it the background
colour of the one you want it to be?

best wishes,

Paul Bradforth

http://www.paulbradforth.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

davedesigner · January 11, 2009, 8:10pm

Is this the effect you are seeing?

http://www.ineedwebhosting.co.uk/examples/hole.png

or this

http://www.ineedwebhosting.co.uk/examples/hole2.png

On 11 Jan 2009, at 7:58 pm, SkipII wrote:

Well…sorry…David did:

“Click on each item on your page, look in the CSS inspector > Item General Settings > toggle the CSS tickbox on…”

I am aware of the CSS button – it has ben on the whole time.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

Paul_Bradforth · January 11, 2009, 8:13pm

On 11 Jan 2009, at 19:41, SkipII wrote:

CSS Inspector…CSS Inspector…looking all over for the CSS
Inspector.

Where is it?

It’s not a CSS Inspector, it’s a CSS button. It looks like this:

http://www.paulbradforth.com/personalpics//ZZ508D48D1.jpg

best wishes,

Paul Bradforth

http://www.paulbradforth.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Keith_Martin · January 11, 2009, 8:14pm

“CSS inspector > Item General Settings > toggle the CSS tickbox on…”

Dang! I looked through but didn’t spot that. I have to admit that I’m
confused too.

k

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

davedesigner · January 11, 2009, 8:18pm

Sorry Paul, that came from me - should be… CSS tickbox > inspector palette >

On 11 Jan 2009, at 8:13 pm, Paul Bradforth wrote:

It’s not a CSS Inspector, it’s a CSS button.

David Owen ::
Freeway Friendly Web Hosting and Domains
http://www.ineedwebhosting.co.uk

Paul_Bradforth · January 11, 2009, 10:45pm

On 11 Jan 2009, at 20:18, David Owen wrote:

Sorry Paul, that came from me - should be… CSS tickbox > inspector
palette >

My, this is getting complex

best wishes,

Paul Bradforth

http://www.paulbradforth.com

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

David_McCallum · January 11, 2009, 11:31pm

I am with David O on this one.

The only way I can duplicate this effect is by putting non layered items on top of each other.

Have you double checked to make sure that all items are layers?

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

SkipII · January 12, 2009, 1:30am

Okay, this has gotten way too complex. If everyone who really has been incredibly responsive on this can just take a deep breath, this is my last try at this. I am about to say everything on this:

I put a gray background ont the site – not an object, just the backgrond color that you are given the option to do so there is some color that covers the area in browsers that exceeds the actual page area. This background is gray.
WITH THE CSS BUTTON ON, I then created some page areas – one is black, one is a white and tan jpeg. These are graphic elements, not HTML and not layered. Done according to the instructions.
I then drew graphic boxes on several areas of the site to insert text. These are NOT HTML boxes. There is no color selected for the graphic boxes.
The ENTIRE area of these boxes – bordered exactly by the edges of the boxes – is gray --the EXACT same color of the base background color, as opposed what should be the black or white/tan color of the page colors.

Again…these are graphic boxes, not layered, not HTML. I can type in the boxes, but any area of the box other than the type itself is gray.

Take ourselves out of tech mode, for a moment please. Imagine you were cutting out cookies on two sheets of colored parchment paper – the parchment paper layer on top is tan, the one underneath is gray. You cut out the cookie and expect to see the first tan layer of paper, but instead you find out you cut too deep and you cut right through the tan latyer of paper as well and now the gray paper is howing.

THAT…is what is happening.

As a result, I have a site that looks fine in page view but when i preview it in the browser, ALL of the areas where I have created a graphic box are filled with gray.

38 posts on this. I don;t know what I can do to explain it better.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options