background colour 1

[rufc]

Is there a way to put a background colour under a block of text with css?

I can use a table cell with bg color but would prefer not to if css would do the same thing

 

[cian]

How about using span or div to enclose the text, then use CSS to specify the bg color of the span/div.

span.mytext { background: #ff0000 }
or
div.mytext { background: #00008d }

or if your text is in a table
td.mytext { background: #00cc00 }


<div class=&quot;mytext&quot;>This is my text</div>
etc
<td class=&quot;mytext&quot;>Text



É

enzo@endamcg.com

http://endamcg.com

 

[Boomerang]

Hi rufc,

Try this:

<P style=&quot;background-color:green;&quot;>
1st sentence<br>
2nd sentence<br>
</P>

or put the style in your style sheet:

.textbg
{
background-color:green;
}

<P class=&quot;textbg
&quot;>
1st sentence<br>
2nd sentence<br>
</P>

Hope this helps,
Erik

<!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (

http://www.boomerang2002.com)

!! Many Happy Returns !! -->

 

[rufc]

Thanks boomerang, that`s what I was looking for, it will only be in one place on the entire site so no need to clutter up my style sheet.

 

[rufc]

Can you help again with another prob I`m having with css??

I have an external stylesheet which has a style:

A { text-decoration: none; color : #000000; }

My question is, would this overwrite all other link styles i.e.

A.bodywh:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
A.bodywh:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
A.bodywh:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
A.bodywh:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}

Im` asking because I have a style that I need to change to a different colour to the rest of the links in the site, but it isn`t working!

 

[rufc]

sorry, it`s the

A:hover { text-decoration: underline; color : #31659C ; }

that is overriding it and changing the link to blue, but I need it to change to white cos it`s on the blue background doh!

 

[BobbaFet]

put this in the tag that should be overwritting:

!IMPORTANT

It increases the weight of the declaration.
This is how you implement it:
P{COLOR: BLUE !IMPORTANT;} for example.

I hope this helps, BobbaFet

Everyone has a right to my opinion.
E-mail me at caswegkamp@hotmail.com

http://cwcon.50megs.com/

&quot;<beer brand> is like making love in a cano...
it's <f-word + ing> close to water !!!&quot;
- Monty Python's Flying Circus, 1969/70

 

[rufc]

Thanks guys, those things worked, just one last request )

I want to have two styles (margin and background) in one p tag, how do I seperate them to make them both work, here`s what I have but doesn`t work:-

<p class=&quot;body&quot; style=&quot;margin-left: 5&quot; &quot;background-color:FFCC33;&quot;>

 

[Boomerang]

just replace the &quot; &quot; in the middle with a ;

<p class=&quot;body&quot; style=&quot;margin-left:5; background-color:FFCC33;&quot;>

Erik <!-- My sport: Boomerang throwing !!
This year I will participate at the World Championships in Germany. (

http://www.boomerang2002.com)

!! Many Happy Returns !! -->