Your Welcome! 8)
--
John Malone
==============
| It's been a while but thanks. That was the ticket
|
| "John Malone" wrote:
|
| > The better way is to style a <div> tag that contains the paragraph and
list
| > items.
| > As in the sample I sent B4.
| >
| > <div class="block">
| > <p>Your text here</p>
| > <ul>
| > <li>This is a list</li>
| > <li>The background is the same as above</li>
| > </ul>
| > <p>this still has the background</p>
| > </div>
| > <p>This has no background</p>
| >
| >
| > By putting it all within the <div class="block"> it will all have the
| > background in the ".block" class style without having to apply the
class to
| > every <p> element or the ul, li elements.
| >
| > I hope that helps in some way....
| >
| > --
| > John Malone
| > ==============
| > | > | Thanks a bunch for the help. It kind of came to me as I was riding my
bike
| > | down by the river. Style the list along the lines of the P tag.
| > |
| > | "John Malone" wrote:
| > |
| > | > The way I have in the example "IS" the right way if you want
paragraphs
| > and
| > | > lists to have the same background in a given area....
| > | >
| > | > --
| > | > John Malone
| > | > ==============
| > | > | > | > | (In code view take out "all' code on the page then)
| > | > | In that new "blank" page copy and then paste this code....
| > | > |
| > | > | <html>
| > | > | <head>
| > | > | <title>New Page 1</title>
| > | > | <style type="text/css">
| > | > | .block {
| > | > | background: #f0f0f0;
| > | > | padding: 5px;
| > | > | }
| > | > | </style>
| > | > | </head>
| > | > | <body>
| > | > | <div class="block"><!-- Start of block class area -->
| > | > | <p>This is some text</p>
| > | > | <ul>
| > | > | <li>This is a list</li>
| > | > | <li>list more stuff</li>
| > | > | </ul>
| > | > | </div><!-- End of Block Area -->
| > | > | <p>More text no style</p>
| > | > | <ul>
| > | > | <li>foo</li>
| > | > | <li>foo 2</li>
| > | > | </ul>
| > | > | </body>
| > | > | </html>
| > | > |
| > | > | Isn't this what you want?
| > | > |
| > | > | --
| > | > | John Malone
| > | > | ==============
| > | > |
message
| > | > | | > | > || I've tried doing it as an <li> and variations of the suggestions
I've
| > | > been
| > | > || offered here. I am learning as I go but here is an example of
what
| > I've
| > | > | got.
| > | > ||
| > | > || <p class="block"><strong>Recovery: </strong><br>
| > | > || <strong>Recovery Control - </strong>Operational
oversight
| > and
| > | > || control of ALL Recovery and Evap functions<br>
| > | > || <strong>#1 RB - </strong> is a Combustion Engineering
unit
| > | > | rated
| > | > || at approximately 100 MPPH liquor firing rate.<br>
| > | > || <strong>#2 RB - </strong> Tampella unit rated at
| > approximately
| > | > || 212 MPPH liquor firing rate.<br>
| > | > || <strong>#1 Evaporator - </strong> Kamyr unit rated at
| > | > || approximately 1450 gpm weak liquor feed rate.<br>
| > | > || <strong>#2 Evaporator - </strong> Ahlstrom unit rated
at
| > | > || approximately 2450 gpm weak liquor feed rate.<br>
| > | > || </p>
| > | > || <p class="block"><strong>Power: </strong><br>
| > | > || <strong>Power Control - </strong>Operational oversight and
| > control
| > | > || of ALL Power, Water, Electrical Generation, and Emergency
| > functions<br>
| > | > || <strong>#1 PB - </strong>is a coal fired Combustion
| > Engineering
| > | > || power boiler rated at approximately 440 MPPH @ 1500PSI<br>
| > | > || <strong>#2 PB - </strong>is a wood & waste fuel fired
Babcock
| > and
| > | > || Wilcox power boiler rated at approximately 300 MPPH @ 1500PSI<br>
| > | > || </p>
| > | > ||
| > | > ||
| > | > || As I stated earlier, currently The <p> has a negative
indent
| > which
| > | > || gives me the approximate list effect that I want. If I get rid of
the
| > | > | various
| > | > || <br> tags and change each line item to an <li> they fall out of
the
| > <p
| > | > || class="block"> and start a new unshaded list.
| > | > || I would love to do it correctly but I will do what it takes to
get it
| > | > done
| > | > || as all I have are a "A Designers Guide, Stylin' with CSS" and MS
| > | > Frontpage
| > | > || 2003 "Inside,Out" as references. And y'alls help, of course.
| > | > || I'm not worried about the typical issues that might plague a
website
| > on
| > | > | the
| > | > || internet. This is for internal consumption on our site intranet
only
| > and
| > | > | is
| > | > || primarily to allow "one stop shopping" for the technicians to get
the
| > | > || information they need.
| > | > || The "do it right" part is for me. I'm sure I could do it with
frames
| > and
| > | > || tables but I would like to stay away from that.
| > | > ||
| > | > ||
| > | > ||
| > | > || "John Malone" wrote:
| > | > ||
| > | > || > OR if that won't work for you try this...
| > | > || > Apply the class "block" to a div that incases the area you want
to
| > | > | change
| > | > || > the background color...
| > | > || > Like This----
| > | > || >
| > | > || > <html>
| > | > || > <head>
| > | > || > <title>New Page 1</title>
| > | > || > <style type="text/css">
| > | > || > ..block {
| > | > || > background: #f0f0f0;
| > | > || > padding: 5px;
| > | > || > }
| > | > || > </style>
| > | > || > </head>
| > | > || > <body>
| > | > || > <div class="block"><!-- Start of block class area -->
| > | > || > <p>This is some text</p>
| > | > || > <ul>
| > | > || > <li>This is a list</li>
| > | > || > <li>list more stuff</li>
| > | > || > </ul>
| > | > || > </div><!-- End of Block Area -->
| > | > || > <p>More text no style</p>
| > | > || > <ul>
| > | > || > <li>foo</li>
| > | > || > <li>foo 2</li>
| > | > || > </ul>
| > | > || > </body>
| > | > || > </html>
| > | > || >
| > | > || > NOTE: The padding is only 5px ...... try that and adjust to
suit
| > | > || > --
| > | > || > John Malone
| > | > || > ==============
| > | > || >
| > | > || >
| > | > || >
| > | > || > | > | > || > | Why not the obvious? Add a style to the list!
| > | > || > | Like....
| > | > || > |
| > | > || > | .block {
| > | > || > | background: #f0f0f0;
| > | > || > | padding: 15px;
| > | > || > | }
| > | > || > |
| > | > || > | ul, li {
| > | > || > | background: #f0f0f0;
| > | > || > | padding: 5px;
| > | > || > | }
| > | > || > |
| > | > || > | NOTE: The padding is only 5px in the li...... try that and
adjust
| > to
| > | > | suit
| > | > || > | your needs...
| > | > || > | --
| > | > || > | John Malone
| > | > || > | ==============
| > | > || > |
| > message
| > | > || > | | > | > || > ||I have a style sheet which has a class "block" which is
basically
| > a
| > | > | shaded
| > | > || > || area around the text.
| > | > || > || The actual description is as follows:
| > | > || > ||
| > | > || > || .block {
| > | > || > || background: #f0f0f0;
| > | > || > || padding: 15px;
| > | > || > || }
| > | > || > ||
| > | > || > || As long as I just plug along typing within the <p
class="block">
| > | > || > | everything
| > | > || > || is fine. How can I indent and have a bulleted list within
this
| > | > | colored
| > | > || > | area?
| > | > || > || Everything I have tried so far puts it outside of the
shading in
| > a
| > | > | new
| > | > || > | text
| > | > || > || area.
| > | > || > |
| > | > || > |
| > | > || >
| > | > || >
| > | > || >
| > | > |
| > | > |
| > | >
| > | >
| > | >
| >
| >
| >
