11 replies [Last post]
JVRudnick
JVRudnick's picture
Offline
Enthusiast
Last seen: 9 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-09-22
Posts: 80
Points: 13

Hello all...

I'm having some troubles "adapting' a CSS style sheet for use with a (new for me) right hand side sidebar.

I've put up the simple page that shows my predicament, in the hopes that someone will point out to me how to "control" the bgcolor of a div better than I can at this point. I'm using background-color:transparent; to try to tell the

to NOT show the normal , but isn't working.

Plus as an added error (!) I also seem to be unable to put a plain text link "on top" of that sidebar.

Here's the page (source code shows my simple HTML/CSS too...

http://www.kkt-testserver.com/CSS1/test1.asp

I've done much reading lately on the "float" command, but I thought that a simple notation that the bg color is to be transparent FORCES it to be so....

?

Jim

Jim Rudnick
KKT INTERACTIVE
www.kkti.com

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Right hand sidebar looks

Right hand sidebar looks like there is no background color to me.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

JVRudnick
JVRudnick's picture
Offline
Enthusiast
Last seen: 9 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-09-22
Posts: 80
Points: 13

Hmmm....what I mean is

the sidebar CSS says I've got the width set to be 50px -- which is correct at this point.

what I want tho, is to have it set to like 152, so that I can then "see" the background image (it has 2 nice graphics on it) and then simply write a text button.

but soon as I set it to be 152, and write that text button...the background image disappears and the container background color "fills" up the sidebar.

so, how can I set the sidebar width=152px AND then type in my text links? tried that, doesn't work?
???

Jim

Jim Rudnick
KKT INTERACTIVE
www.kkti.com

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Maybe you can upload the

Maybe you can upload the problem code, because when I stretch it and add links to it it works fine.

You also have some validation errors, and I am trying to figure out why you are using iframe?

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

JVRudnick
JVRudnick's picture
Offline
Enthusiast
Last seen: 9 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-09-22
Posts: 80
Points: 13

Sure...code's here...but where is my mistake?

Sorry, but I dont follow your comment? When I look at that page, the sidebar HAS the overall container bgcolor in it, with my text comments on top. What I want to be able to do is to stretch out the sidebar to be 152px wide with a transparent background, and THEN to put 2 text links on that sidebar.

And no-can-do! I've attached the code below...


title goes here

/**/



buttons to go here...

I know how to "lay" these on top of a background image...


But the background for this 'sidebar' div is colored, and it should
be transparent - and the width of same seems to control that??

Copyright ©. All Rights Reserved.

Can you help here...?

Jim

Jim Rudnick
KKT INTERACTIVE
www.kkti.com

JVRudnick
JVRudnick's picture
Offline
Enthusiast
Last seen: 9 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-09-22
Posts: 80
Points: 13

no response here lads?

Man...I've been playing with this bigtime and NO way can I get that "supposed" transparent background to "be" transparent.

What am I doing wrong here lads?

Anyone -- please?

Smile

jim

Jim Rudnick
KKT INTERACTIVE
www.kkti.com

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I honestly don't understand

I honestly don't understand what your issue is. I am using FF and and the right hand sidebar on that first link is transparent.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

JVRudnick
JVRudnick's picture
Offline
Enthusiast
Last seen: 9 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-09-22
Posts: 80
Points: 13

Yes..FF works fine...its IE that it's NOT working in

Yup, FF shows the transparent SIDEBAR background just fine. The problems with FF I've not gotten to as yet...but notice the diff tween a FF showing of that page and the IE showing of the same page. The limegreen background for the CONTENT div, is NOT being shown in the SIDEBAR div....why is that? The 1px black outline around the CONTAINER div is NOT working either. Then there's the Copyright notice that I'm going to have to reposition too...sigh...but thats all FF items.

The IE problem still exists. The transparent background for the SIDEBAR is not working. That is what I see in IE...

Anyone offer why that might be?

Jim

Jim Rudnick
KKT INTERACTIVE
www.kkti.com

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 3 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

ahh, see! You never said it

ahh, see! You never said it was an IE only issue.
I don't open IE unless someone says the issues only lays in the browser.

I will look into it and see if I can understand what is going on.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Jim you really need to read

Jim you really need to read the specs on properties otherwise you'll always be labouring under these false assumptions.

Background is by default 'transparent' it also isn't inherited, so I'm not sure what you think will be the result of setting a background transparent other than to let the background of the parent show through, if you want to block the background then you'll need to set it to white or something.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

JVRudnick
JVRudnick's picture
Offline
Enthusiast
Last seen: 9 years 42 weeks ago
Timezone: GMT-4
Joined: 2004-09-22
Posts: 80
Points: 13

WTF?

Guys...

I want the background of the SIDEBAR div to be transparent. I know that is will be transparent by default, yet it's not. I then tried to actually MAKE it trasnparent by listing same. It is still not transparent. I know the specs for the props and I know at least enuff to try to comply with same...but IE is not showing what I think it should be. Therefore, I am making a mistake "elsewhere" maybe? I want to show the background image in the CONTENT area, over which the SIDEBAR floats....capish?

Go to the page and look at how IE is showing same. You will note that the SIDEBAR is picking up the color of the container itself, as I've said before. You should also realize if you look at the source, that there is a background image in the CONTENT div, that should be spread all the way across both the CONTENT div + the SIDEBAR div, at least now it should be. I already have tried to split my background image into 2 parts...one for CONTENT and one for SIDEBAR and show both. Doesn't work either....

Someone here help? Or do I just go back to s....

?

Jim

Jim Rudnick
KKT INTERACTIVE
www.kkti.com

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

I think that perhaps the

I think that perhaps the concept of containing floats still needs to be grasped as they're not at the moment, when they're contained then you might have a better idea of what 's really happening.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me