UL, Blockquote Won't Conform to Background [Archive]

Click to See Complete Forum and Search --> : UL, Blockquote Won't Conform to Background

nadamt

12-28-2005, 04:48 PM

As you can see, my web site ("http://www.nadamt.xmgfree.com/index.html) now sports translucent PNGs as backgrounds for most of the content. I empathize "most of" because I cannot get #content blockquote or #content ul to match the rest of the page. It's probably barely noticable but it's driving me nuts. Can anyone help me?

Thanks in advance.

jbdzyne

12-28-2005, 08:23 PM

Had time for just a quick read thru your CSS and spotted a couple basic errors, esp'y to do with background image. Why not run your style sheet thru the W3C validator (http://jigsaw.w3.org/css-validator/) so you can zero-in on minor glitches?

p.s. check you listed link, it has a double "http" in it and won't connect.

nadamt

12-28-2005, 08:36 PM

jbdzyne

12-28-2005, 09:21 PM

As I understand it, the errors are only errors because I have my background-color set to transparent, or am I missing something? Several background transparent-related bugs are listed here (http://www.w3.org/Bugs/Public/buglist.cgi?product=CSSValidator).

Sorry, my mistake: I was seeing something there that I thought mattered, but it validates fine. Then I followed your signature link (vs the one in your question), and I can't really make heads/tails of where you want your background images. Anyway, isn't "transparent" usually the default background?

nadamt

12-28-2005, 09:38 PM

Sorry, my mistake: I was seeing something there that I thought mattered, but it validates fine. Then I followed your signature link (vs the one in your question), and I can't really make heads/tails of where you want your background images. Sorry 'bout that. I always have a hard time linking in these kinds of forums. I never type out http twice, but that's how it usually ends up. Arg.

OK, forget the CSS code for now. On my webpage (the one on my sig), do you see where it says, in red, the date and my name? That block is not translucent, neither is the the blockquote. I want them to be translucent just like the rest of the page.

Anyway, isn't "transparent" usually the default background?I believe white is the default background color.

jbdzyne

12-28-2005, 10:09 PM

I believe white is the default background color.
You can specify a background choice for the <body> to set color for the entire page. All other <divs> after that will use transparent as the default (according to E Castro, HTML for the world wide web, p 183). Default for background-position is top left, but you do have to specify no-repeat.

I'm not familiar with the transparent-bug concern, except that the W3C validator spouts off warnings whenever you don't specify a background color or choice. Other than Netscape-4 using a default background of black(!), I don't think you have to worry too much about bugs there.

Sorry, Adam, I'm not being much help to you here. Maybe one of the local gurus here will lend a hand... :)

nadamt

12-29-2005, 12:20 AM

OK, I solved it. The problem wasn't that they weren't translucent per se, rather that it was two translucent layers stacked together that gave the illusion of it being solid. That's what I suspected all along, and why I didn't just use a universal selector (*).

In the group of /*translucent background*/, I realized that I had stated ul li a along with #content ul, thereby making it redundant. I got rid of the former and all was well. However, with the blockquote element, it was more complicated.

I had to go ahead and keep container_background.png as the background image for #content blockquote. But because #content blockquote p was it's child, it retained the same attributes by default, so I had to set its attributes to background-color: transparent; background-image: none;.

Thanks just the same, jd.