CSS question (Gallery Messages and Italic/Bold Fonts)

[goislands]

How to apply background color in gallery messages on
italic and bold text? A declaration like the below:

.message_body {
background-color: #333333;
color: #CCCCCC;
padding-bottom: 2px;
}

works fine but the background of italic or bold words appears
with the gallery background! ...It looks silly.

[oochappan]

try
td.message_body with this you define the background of the td, shows as a border by using padding
inside p.message_body with this you define the background itself of the message
and inside .message_body good for defining the font here
this is the structure , 3 ways to define this message ..... maybe this helps

[goislands]

I thought this message was lost in the "questions" gallery!
(And by the way: I never received this automated email notification!!)

I tried to follow yor recommendation and I set color and
backround color for the td.message_body and p.message_body,
but there is no improvement...

Does it collide with this declaration:

DIV,BODY,TD,TH,TR,TABLE,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,H6,FONT {
font-family: arial,helvetica,sans-serif;
color : #C0C0C0;
background : #151511;
}

I have two or three books about CSS, I must admit I never saw such
irregular definition of things, it is almost impossible to find a precise
specification! For example, I am not not sure what is p.message_body?

Thomas

PS: a message with this background problem is in:

http://www.pbase.com/goislands/1996_samoa_vailima

[robert]

Part of the problem is that your using two colors that are nearly black and not very different. How well is you monitor calibrated?

When I look at http://www.pbase.com/goislands/1996_samoa_vailima the code is working perfectly. You have defined the message body colors as #333333. That color is also nearly black. I can see the difference between that color and the background which is set for #151511.... also nearly black. However, I have to look very carefully.

Robert

[goislands]

The background of the message body is grey. #333333 is far
from black! But the background of the word "fale" (bold-italic)
is black (or dark gray for that matter), as opposed to the
background of the plain text. This is here the issue!

My terminal is calibrated actually, using the Spider! However I can
see this problem on every screen. Currently I am in the office,
using flat panel LCD. Same same.

[oochappan]

Does it collide with this declaration:

DIV,BODY,TD,TH,TR,TABLE,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5,H6,FONT {
font-family: arial,helvetica,sans-serif;
color : #C0C0C0;
background : #151511;
}

Yes it does collide, as a matter of speaking in the code above you ask to put all B and I tags with an almost black background. To undo this in ur message overule this by adding f.e.:

Code: Select all

.message_body b ,.message_body  i {
  background-color: #333333;
  color: #CCCCCC;
}


[goislands]

Great, this works indeed:

.message_body, .message_body B, .message_body I {
background-color: #333333;
color: #CCCCCC;
padding-bottom: 2px;
}

Its so simple once you know it how it works
Thanks for the help and for the great image explaining the components of the message class.