Changing paragraph spacing with CSS

Hello there
How can I change (if possible) the spacing a web browser
renders between two paragraphs. The only way i know how is to use
the line-height property, but this also affects the line spacing
within the paragraph.
Thanks
Chopo

Use margin-top and/or margin-bottom on the p tag.
Padding can also be used but margin is better.

Similar Messages

  • ITSMobile - Problems when changing screen layout with CSS

    Good afternoon,
    I have a service ZLM00(SICF) with some public screens in the stile MOBILE4(Service of  internet-se80), and I am trying change your layouts with CSS.
    Steps taken:
        1 u2013 I activated the repository MIMES (/default_host/sap/public/bc/its/mimes);
        2 u2013 I copied the mobile.css from internet service standard ITSMOBILE for my service ZLM00(se80) with the name ZRF01.CSS;
        3 u2013 I added the parameter ~ITSMOBILECSSINCLUDE = ZRF01 in my service ZLM00(SICF);
        4 u2013 I published all screens and file ZRF1.CSS;
    The problem:
          When I test the service in the browser, I see in the source code that the file CSS was added u201C<link rel="stylesheet" href="/sap/public/bc/its/mimes/zlm00/99/ZRF01.css" type="text/css" />u201D
          And the screens received some changes, however when I added a new line in file CSS for exemple
    /* --- Basic Row -
          .MobileRow {
            white-space:pre;
            vertical-align:middle;
            background-color:#F3F3F3;  "new lineu201D
            Is not ok. Just the command standard works.
            I am doing something wrong ? Is missing some step ?
            My configurations:
             - Version SAP ECC 6.0/SAP_APPL 604 SP8;
             - Device mobile Symbol/motorola MC3190;
             - Operating system Windows CE 6.0 with Internet Explorer 6.0;
             SICF:
             ~THEME                          99
             ~TRANSACTION                          LM01
             ~ITSMOBILE                          1
             ~SOURCES                          ZLM00,ITSMOBILE
             ~POPUPS                           1
             ~ITSMOBILECSSINCLUDE     ZRF01
             ~ITSMOBILEELEMUNITS       px
             ~DYNPRO_COMPRESSION     1
             ~ITSMOBILECUAINCLUDE     ZCUAAREA
             ~ITSMOBILEELEMFACTOR      6
          PS: I am trying change the layout of the screens only to remove blank spaces placed on the screen MOBILE4, the objects do not fit the device screen.        
          Best regards,  
          Gerson S. Livio

    No.
    If you want to see how the screen will look; look in the iPhone/ iOS 7 section of this site.

  • Change portlet border with .css

    I want to change color and size of the portlet border with the help of .css.
    I have downloaded and use the dreamweaver Extension. .Css are link to portal site with UI template.
    I wondering which class that change the style for the border. So far have tried to use .PortletBodyColor and .PortletHeaderColor. Are there any one that have managed to change border style with .css?
    Regards,
    Jorunn

    I don't think you can just the outer border. If you look at the source code you see that the <td> tags also have the .portletbodycolor and header color classes, so while you technically can change the border, it will change the borders for all the cells and not just the outside of the table.

  • [JS] [CS5] Possible to change "Paragraph Spacing Limit" with a Script

    Hi,
    right now I'm writing a simple script which formats some text. For this formatting I need the vertical Justification "Justify" with a "Paragraph Spacing Limit" but I can't find something helpful.
    Does anyone know how to set the limit to a specific value?
    Thanks in advance, Statixx
    Here's my not yet finished Script
    Edit: script edited, had a few major mistakes
    #target InDesign
    var myDocument = app.activeDocument;
    var mySelection = myDocument.selection[0];
    var myParagraphLength = app.selection[0].paragraphs.length;
    var myParagraph = app.selection[0].paragraphs;
    var myTest
    mySelection.visibleBounds = [0,0,30,90];
    mySelection.textFramePreferences.insetSpacing = [3,3,1.5,3];
    mySelection.textFramePreferences.verticalJustification = VerticalJustification.JUSTIFY_ALIGN;
    if ( myParagraphLength == 3) {
           var myPara0 = myParagraph[0].contents;
           var myPara1 = myParagraph[1].contents;
           var myPara2 = myParagraph[2].contents;
            myParagraph[0].pointSize = "13pt";
            myParagraph[0].leading = "13pt";
            myParagraph[0]. fontStyle= "Bold";
            myParagraph[1].pointSize = "10pt";
            myParagraph[1].leading = "10pt";
            myParagraph[1].leftIndent= "10";
            myParagraph[2].pointSize = "10pt";
            myParagraph[2].leading = "10pt";
            myParagraph[2].fontStyle= "Bold";
            myParagraph[2].leftIndent= "10";

    Hi,
    That is a textFramePreferences property
    mySelection.textFramePreferences.verticalThreshold = Number (range 0- 8640)
    ID Object Reference says:
    "...The maximum amount of vertical space between two paragraphs. Note: Valid only when vertical justification is justified; the specified amount is applied in addition to the space before or space after values defined for the paragraph..."

  • Change the design with css

    As in many other threads told, I try to change the color of my E-Recruiting with css.
    I copied the MIME folder with BSP_UPDATE_MIMEREPOS to my harddisk. After that I imported those files on a personal folder e.g. myroot.
    After that I changed the BSPTHEMEROOT to myroot and changed some css-files.
    But there is the problem that new css-files are not used when I start the website. Have I forgotten anything to do or why are they not used??
    Edited by: Holger Lindacher on Oct 30, 2008 12:39 PM

    I wrote my problem to SAP and they told me, it's necessary where I import my mimes. It must be directly under SAP/PUBLIC/BC/UR/themes/Z_THEME.
    Only in this directory the files will be linked with the nicf-node

  • Changing Paragraph Spacing in the Title window

    How can I change the paragraph spacing in Adobe CS6 Premiere Pro Title Window?  When I adjust the Leading, the lines are too close together while the space between my lines (after I hit ENTER) is still too far. 
    Must figure this out!
    Thank you in advance for your help!
    SportStir

    Yes, you are correct, but I would like the ability to adjust the spacing between the lines independently. 
    In the example below, all lines are spaced equally between them, so the spacing between lines 3&4 looks appropriate.  However, I would like to make the spacing between lines 1&3 and 4&6 about half a lines worth of space, while keeping the same spacing between lines 3&4. 
    1. Title
    2.
    3. Blah blah blah
    4. blah blah blah
    5.
    6. more blah blah blah
    Hope this helps further explain my dilemma.
    Thanks again in advance,

  • Dante font used in manuscript - when I try to save as a pdf document in Microsoft Word whole pages change their look, with wide gaps forming between certain paragraphs or sections. This does not happen with other fonts.

    Dante font used in manuscript … when I try to save as a pdf document in Microsoft Word whole pages change their look, with wide gaps forming between certain paragraphs or sections. This does not happen with other fonts.

    OK, we've got it!
    What is happening is that when you use Microsoft's save as PDF in Word, the font isn't embedded even though the font is tagged to allow embedding. Furthermore, Microsoft doesn't properly put the font name into the PDF file such that Acrobat or Reader can readily find the font installed on your system such that the text can be properly displayed and/or printed. Acrobat and Reader attempt to display and/or print the text using a “substitution font” and of course, as they say, YMMV (“your mileage may vary”)!
    I personally submitted the report of this problem (both the embedding and the font name problem) to Microsoft. They acknowledge the bug, tried a fix and provided me a build with it, but it wasn't right. Maybe they will ultimately fix it, maybe they won't. We don't know yet. We do know that if it is fixed, it will be fixed only for Office 2013 (problem occurs with all Office applications since they use the same PDF generation code) and thus such a fix won't help you.
    Adobe Acrobat Standard and Acrobat Pro  both provide an Adobe PDFMaker plug-in to Office applications (including full support for Office 2010) that adds an Acrobat Toolbar as well as a Save as Adobe PDF menu item. The resultant PDF file fully supports embedding of OpenType CFF, TrueType, and Type 1 fonts and in many other ways produces much superior PDF with a full range of PDF generation options not available with the Microsoft PDF. (Note that beginning with Office 2013, Microsoft does not support Type 1 fonts in Office documents at all, even for existing documents!) The Acrobat Office functions are widely used and respected in the end user community and whatever “issues” there are (all software has “issues” of some type - it is a matter of how many and how severe), you should be in much better shape for PDF production that with what you currently are using.
    Good luck and let us know if this resolves your problems. (Note that you can download and install a free fully-functional 30 trial of Acrobat Pro to assure that it meets your needs! You can then buy a license and activate what you already have installed.)
              - Dov

  • Chart color change with CSS in DS 1.3

    Hi together,
    Did somebody now a solution with CSS in the design studio 1.3, to change the color from the chart-bar or the chart-pie (like PrintScreen)? Or is this planned in the DS Version 1.4?
    We found only a solution to change this setting for the chart. Not the color of the bar or pie.
    We would like to set this in the CSS because it is a Style guide rule of the company.
    Best Regards
    Gabriel

    Do you mean use CSS for your chart?  See response from David Gyurasz Styling a chart in Design Studio
    If not I recommend searching SCN for your answer - I searched "CSS color design studio chart" and 234 searches were found.

  • How do I change the spacing before or after a hard return in Pages 5.5.2?    I am working on an academic article and need to specify paragraph formatting (OS X Yosemite 10.10.2)

    How do I change the spacing before or after a hard return in Pages 5.5.2?    I am working on an academic article and need to specify paragraph formatting (OS X Yosemite 10.10.2)

    Hi Michele,
    Select the paragraphs where you want to change the spacing.
    Format Panel > Text > Spacing
    You can change 1.0 - Single to something else, or type a number in Before or After.
    Regards,
    Ian.

  • How I can change the theme using with css

    How I can change the flex theme and images  using with css ?

    Bonjour ixixix2006
    Perhaps you will find your bonheur here:
    http://nonlinear.openspark.com/tips/scripts/localisation/index.htm
    Cheers,
    James

  • How do I change the paragraph spacing before and after paragraphs in Pages for iOS

    Being experienced in writing technical documents, I would like to know if there is any way I can setup paragraph styles with a specific spacing before and/or after paragraphs in Pages for iOS. You can do this in the normal Pages for Mac OS. Setting line spacing in Pages for iOS is not a very accurate way of formatting a document so that it looks good on a page.

    Hello James
    I have realised this, but this is a long winded way of doing things and inconvenient if you want to create a new document using an iPad. To me paragraph spacing is one of the essentials when creating documents. It makes a document more readable and look more professional. For Apple to miss this out of iOS Pages is a huge error. Pages should be similar across all platforms where you can use Pages which will greatly overall compatibility, especially if you are exporting to other formats.
    Regards
    Schof

  • New Pages is double spacing after enter again- can't find the area in inspector that allows you to change paragraph format...help?

    New Pages is double spacing after enter again- can't find the area in inspector that allows you to change paragraph format...help?

    The "new" Pages is missing just about everything.
    Your best best is to go back to the old Pages (mavericks puts in in your applications folder in IWorks.
    Apple told me that based on input from users they will add back some missing features back but I suspect that will take a long time if ever.
    They (Apple) say they created a new Pages to make it work seamlessly on various devices.
    But in doing so they've dumbed down the programs to where they're nearly useless.
    Any new users who don't know what "old" Pages could do will probably be satisfied.
    But those of us who use this program to do real publishing should send feed back to Apple.
    Apple has decided that we are "heavy" users and not representative of the majority of their customers.
    That's why I suspect that putting back the features in Pages will not be top priority.
    But just in case they really do read the feedback send them your opinions and feature requirements and just maybe if enough people squawk they'll at least put the old Pages back in the App Store (it's gone now).
    One possibility crossed my mind. If the new OS Yosemite can mirror devices, perhaps we'll be able to mirror the old pages on to our IOS devices than you could have the full capability of Pages and the connivence of an IPad or IPhone.
    Wouldn't that be awesome?
    At least in the presentation, it looked like it could work, we'll see.

  • More Fun With CSS - (omg its difficult)

    First I want to say thank you to everyone that has been helping learn css and all the power that it has.
    Now this is a two part question.
    Part 1.
    (div.header-shadow)
    I have a div tag that I inserted a very important image into.  The image includes som text that I thought I would be able to place hotspots over and make links out of them.  Well you guessed it I am unable to place hotspots over the text on the image.
    Part 2.
    (div.about-column1 and div.about-column)
    I have a second area that has two columns in it what I would like to do is make the two columns into a single column that uses all of the space but only for this one page. Well when I try to delete one column and extend the width of the remaining column the change takes place on every page that I have setup with the two column theme.
    Now to make sure things are clear I am working from a prebuilt template and trying to make modifications to it so that it fits my needs.
    and here is the css if needed
    body {
        background-image: url(images/main-bg.jpg);
        background-repeat: repeat-x;
        background-color: #040404;
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #CCC;
        font-family: Arial, Helvetica, sans-serif;
    img {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    #container {
        width: 1000px;
        margin: 0 auto;
    .top-logo {
        height: 91px;
        padding: 0 0 0 27px;
        width: 263px;
        float: left;
        margin: 0 0 29px 0;
    .header {
        height: 305px;
        width: 849px;
        margin: 0 0 0 76px;
        background-image: url(images/main_img.png);
        background-repeat: no-repeat;
        padding: 36px 0 0 0;
    .header-corner {
        background-image: url(images/header-corner.gif);
        width: 11px;
        height: 269px;
        float: right;
    .header-content {
        margin: 0px;
        padding: 29px 0 0 10px;
        float: left;
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-align: center;
        width: 488px;
    .header-shadow {
        background-image: url(images/header-shadow.gif);
        height: 39px;
        width: 849px;
    .button-go {
        float: right;
        margin: 10px 0 0 0;
    #content {
        margin: 0 0 30px 0;
        padding: 20px 20px 0 45px;
    .about-column1 h1 {
        font-family: Headache;
        font-size: 28px;
        color: #FFF;
        font-weight: normal;
        letter-spacing: -1px;
        margin: 0 0 20px 0;
        padding: 0px;
    .footer-content {
        width: 955px;
        margin: 0 auto;
        padding: 15px 0 0 45px;
    .footer-copyright {
        float: left;
        padding: 13px 0 0 0;
    .footer-icon {
        float: left;
    .content-img {
        margin: 0 10px 20px 0;
        padding: 0px;
        width: 110px;
        float: left;
    .footer-icon ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    .footer-icon li {
        margin: 0px;
        padding: 0 2px 0 0;
        display: inline;
    .content-column {
        width: 270px;
        margin: 0 55px 0 0;
        float: left;
    .content-column01 {
        width: 265px;
        margin: 0 0px 0 0;
        float: left;
    .content-column h1 {
        font-family: Headache;
        font-size: 28px;
        color: #FFF;
        font-weight: normal;
        letter-spacing: -1px;
        margin: 0 0 20px 0;
        padding: 0px;
    .content-column01 h1 {
        font-family: Headache;
        font-size: 28px;
        color: #FFF;
        font-weight: normal;
        letter-spacing: -1px;
        margin: 0 0 20px 0;
        padding: 0px;
    .about-column {
        float: right;
        width: 418px;
    .about-column h1 {
        font-family: Headache;
        font-size: 28px;
        color: #FFF;
        font-weight: normal;
        letter-spacing: -1px;
        margin: 0 0 20px 0;
        padding: 0px;
    .about-column1 {
        float: left;
        width: 400px;
    .about-column1 ul {
        list-style-type: none;
        margin: 0px;
        padding: 0;
        background-image: url(images/icon-arrow.gif);
        background-repeat: no-repeat;
        background-position: left 3px;
    .about-column1 li {
        background-image: url(images/icon-arrow.gif);
        background-repeat: no-repeat;
        background-position: left 5px;
        padding: 0 0 0 14px;
        line-height: 18px;
    .about-pix {
        margin: 0 10px 0 0;
        padding: 0px;
        float: left;
        height: 134px;
        width: 241px;
    .header-txt {
        background-image: url(images/header-bg.gif);
        height: 269px;
        background-repeat: repeat-x;
        margin: 0px 0 0 332px;
    .clearboth {
        clear: both;
    .top-nav {
        width: 595px;
        float: right;
        margin: 36px 0 0 0;
    .top-nav ul  {
        margin: 0px;
        padding: 0px;
    .top-nav li  {
        display: inline;
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    .footer {
        background-image: url(images/footer-bg.gif);
        height: 95px;
    .txt-link {
        font-family: Headache;
        font-size: 12px;
        font-weight: normal;
        color: #FFF;
    h1 {
        font-family: Headache;
        font-size: 28px;
        color: #FFF;
        font-weight: normal;
        letter-spacing: -1px;
        margin: 0 0 20px 0;
        padding: 0px;
    .contact-img {
        float: left;
        height: 137px;
        width: 140px;
        margin: 0 20px 0 0;
    .txt-blank {
        color: #000;
    .contact-column {
        float: left;
        width: 750px;
    .contact-column ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    .form{
        padding: o;
        margin: 0;
    div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
        width: 400px; /*width of form rows*/
        overflow: hidden;
        padding: 0;
        margin: 0;
        height: auto;
    div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
        float: left;
        width: 80px;
        margin-right: 15px; /*spacing with right column*/
    div.thefield ul {
        margin: 0px;
        padding: 0px;
    div.thefield li {
        display: inline;
        list-style-type: none;
        margin: 0px;
        padding: 0 6px 0 0;
    div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
        float: left;
        margin-bottom: 10px; /* space following the field */
    div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
        width: 230px;
    div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
        width: 229px;
        height: 100px;
    div.fieldwrapper div.thebig textarea {
        width: 400px;
        height: 100px;
    div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
        width: 379px;
        text-align: left;
    .contact-column li {
        background-image: url(images/icon-arrow.gif);
        background-repeat: no-repeat;
        background-position: left 5px;
        padding: 0 0 0 14px;
        line-height: 18px;
    Thanks for the help

    Thanks i did not even pay attention to the fact that the img was in the background even though it says so right in the css, to close to the project.  The style sheet was what I was thinking, but what I should have asked is "How do should the style sheet for what I want to do with the columns be written?" This is what I should have asked. I know I should start it with something like:
    <style type="text/css">
        --------------------------and after this is where it gets fuzzy or nonexsistent--------------------------------------
    because is it the div#container, or div#content, or the div.about-column1 or div.about-column that this style sheet is to be written for, I have no idea?
    So if someone could show me how this style sheet should be written I would be greatful.  

  • Why is my paragraph spacing not appearing?

    In order to use Lion features, I'm attempting to switch from Word to Pages. I opened a document with quite a bit of formatting. Most of it switched over, except (I thought) the paragraph spacing, but when I went to adjust the headings, the spacing says it's the same as in word (240 pt before 30 after) but on the document all the headings are at the top of the page.
    Changing the paragraph spacng doesn't help, they're still not showing up. How can I fix this?

    Spacing before works differently in Pages, it is ignored at the top of the page, which I consider the correct behavior.
    If you want to start Chapters half way down the page you may be better off inserting a paragraph return just before the chapter start or using a Layout break along with Inspector > Layout > Layout > Layout Margins > Before
    Peter

  • Help with CSS Page Layout

    I guess I am "old school" in that I have always used tables
    to lay out my web pages. I decided I must learn to do it with CSS,
    but I'm having a terrible time (and it shouldn't be so hard!). I
    understand how to define the styles, add divs, etc. Here's what I'm
    having trouble with:
    How do I specify the normal page width to be 800 pixels,
    however I want it to be relative to the browser (i.e., 100% of 800
    pixels).
    I understand the "float" tag, but if I have a right-hand
    sidebar, I can't seem to get the text to the left (in a div called
    "maincontent") to stop at the sidebar and wrap to the next line. I
    tried specifying "Hidden" as my textbook suggests, but that has no
    effect.
    I can easily do all of this with tables, so do I really need
    to abandon them?
    Thanks!

    Hi Jane,
    I'll try to answer all your questions, then a tip or two to
    stop the main
    content from dropping when the browser window size is
    reduced.
    - " I didn't realize that
    margin-top: 0px;
    margin-right: auto;
    is not the same as margin: 0px auto;
    That's right.
    margin: 0px auto; is actaully saying make the top margin 0,
    the right margin
    auto, the bottom margin 0 and the left margin auto.
    It's just CSS shorthand.
    For example, you might have:
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left:15px;
    You could just use margin: {10px 20px 5px 15px;}
    Think of a clock to remember the directions.
    12:00 top, 3:00 right, 6:00 bottom, 9:00 left.
    If any of the values are the same, you can shorten it more.
    For example, if top is 10, right is 20, bottom is 5 and left
    is 20, it's
    margin: {10px 20px 5px;}
    If the 4th location (left) is missing a value, it makes it
    the same as what
    you have for right.
    If top and bottom are 10px, and left and right are 20px,
    it's:
    margin {10px 20px;}
    If the last two positions ( bottom and left vlaues ) are
    missing, then it
    will use the top value for the bottom, and the right value
    for the left.
    What auto right and left is doing is subtracting your content
    width (the
    container width) from the browser window width, and then
    dividing the
    remainder in 2 and applying each value to each side of the
    container.
    -"I found that they all took on the font of the maincontent
    and I had to fix
    them
    individually. "
    The only text that should be Time is the text in your main
    content, where
    you have that font defined. Everything else should be Arial
    if you define
    the body as such. I'll post a link at the end of this.
    - "I put my bold sentence (Friendship, Fun, etc.) in h1, but
    I had to change
    the
    color & size, so that added another style element. "
    You don't need to give the h1 a class. You can actually just
    style the h1
    tag:
    h1 {
    margin: 10px 10px 2px;
    font-size: larger;
    color: #941238;
    You can only use h1 once on a page.
    You can use h2, h3, h4, etc, as many times as you would like,
    and you can
    style these just like the h1 style above.
    - "I don't quite understand the .rightsidebar p { and
    container p{
    I am assigning the spacing to the <p> tag? What exactly
    is that doing?"
    That is saying, give all the <p> tags inside the
    rightsidebar container the
    follwing style.
    So, in this example:
    .rightsidebar p {
    font-size: 18px;
    margin: 2px 10px;
    it's saying give all the <p> tags in this container a
    size of 18 and margin
    of 2px top and bottom, and 10px left and right.
    It's a lot easier than giving a class to every <p> tag
    - "I also don't quite understand the .clear {
    Why not just choose clear:both on the next section <div
    class="footer">"
    You could, if the footer was in the container. It just needs
    to be the final
    element before the close of a container that contains the
    float(s).
    -Do you use the <div class="container"> technique all
    the time?
    Yes, most of the time. I usually put everything in it, and
    use the
    margin:0px auto; to center it.
    That way, I don't have to try to get a number of different
    elements to align
    with the right and left sides by applying values to all of
    them, which can
    get tricky quickly.
    -"If you'll indulge me one more question, I wonder if it's
    possible to put a
    graphic (say, of a putting green) underneath my
    rightsidebar? I would want
    the sidebar to lay on top of the putting green for an
    interesting artistic
    touch.
    Yes, you can give that div a background image. You just need
    to make the div
    the same size as the image so you see it all (or vice-versa).
    Now, to make that maincontent not drop like it does you can
    remove the width
    in the CSS. Now it will expand over to the left edge of the
    rightsidebar.
    You can control how close it gets by giving the right sidebar
    a bigger left
    margin. The point is, with no width assigned, the maincontent
    will shrink
    down to the longest word in it before it drops.
    Here's what it looks like:
    http://tnsgraphics.com/test2.htm
    Let me know if you have any questions.
    Take care,
    Tim
    "janeinpa" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi, Tim...
    >
    > You have been very kind to help me learn CSS! I very
    much appreciate it
    > and
    > am really delighted to have gained a better
    understanding of this. I
    > studied
    > all your suggestions and started the page from scratch.
    Take a look here:
    >
    http://www.allisonwebcreations.com/ewga_site/good_page/indexgood.htm
    I'm
    > very
    > pleased with it. I discovered a couple of things:
    >
    > I didn't realize that
    > margin-top: 0px;
    > margin-right: auto;
    >
    > is not the same as margin: 0px auto;
    >
    > are they two different codes? Anyway, it didn't center
    until I fixed
    > that.
    >
    > I understand what you're saying about the font codes
    being redundant,
    > however
    > I found that they all took on the font of the
    maincontent and I had to fix
    > them
    > individually. This must be an error in how I'm coding
    it. Is the order
    > in
    > which I did them to blame? I put it in the order that
    I'm reading it, but
    > perhaps I should do it differently.
    >
    > I also couldn't get the footer to move left to the
    margin. I'm not sure
    > why,
    > since I think I followed all your suggestions.
    >
    > I put my bold sentence (Friendship, Fun, etc.) in h1,
    but I had to change
    > the
    > color & size, so that added another style element.
    I'm afraid that
    > probably
    > isn't correct. I also couldn't have my normal content
    text follow
    > immediately
    > on the same line. Maybe that isn't possible.
    >
    > I don't quite understand the .rightsidebar p { and
    container p{
    > I am assigning the spacing to the <p> tag? What
    exactly is that doing?
    >
    > I also don't quite understand the .clear {
    > Why not just choose clear:both on the next section
    <div class="footer"> ?
    >
    > Do you use the <div class="container"> technique
    all the time? How do you
    > decide what goes in it -- just floating items or can I
    think of it as a
    > table
    > that holds all my main blocks of info? Why not include
    the footer in it?
    >
    > If you'll indulge me one more question, I wonder if it's
    possible to put a
    > graphic (say, of a putting green) underneath my
    rightsidebar? I would
    > want the
    > sidebar to lay on top of the putting green for an
    interesting artistic
    > touch.
    >
    > Thank you, thank you, thank you again. Here are my css
    codes (which I
    > have in
    > an external file. Is it better to import or link to the
    file?)
    >
    > Have a wonderful New Year.
    >
    >
    >
    >
    >
    >
    > .body {
    > padding: 0px;
    > margin-top: 0px;
    > font-family: Arial, Helvetica, sans-serif;
    > }
    > .masthead {
    > width: 780px;
    > margin: 0px auto;
    > padding-top: 10px;
    > padding-right: 0px;
    > }
    > .maincontent {
    > background-color: #FFFFFF;
    > text-align: left;
    > width: 60%;
    > margin-top: 0px;
    > padding-top: 10px;
    > padding-right: 0px;
    > font-family: "Times New Roman", Times, serif;
    > font-size: medium;
    > color: #000000;
    > }
    > .maincontent p{
    > margin-top: 2px;
    > margin-right: 10px;
    >
    > }
    > .rightsidebar {
    > font-size: small;
    > background-color: #DEEBE4;
    > text-align: center;
    > float: right;
    > width: 250px;
    > margin-top: 10px;
    > margin-left: 20px;
    > border: thick solid #941238;
    > font-family: Arial, Helvetica, sans-serif;
    > padding: 10px;
    >
    > }
    > .leftbox {
    > font-size: small;
    > font-style: italic;
    > color: #336600;
    > background-color: #DEEBE4;
    > text-align: center;
    > clear: both;
    > width: 300px;
    > margin-top: 50px;
    > border: thin solid #941238;
    > font-family: Arial, Helvetica, sans-serif;
    > padding: 10px;
    > }
    > .footer {
    > font-size: small;
    > margin: 100px;
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > font-style: normal;
    > }
    > .container {
    > width: 90%;
    > margin: 0px auto;
    > }
    > .clear {
    > font-size: 1px;
    > line-height: 0px;
    > clear: both;
    > height: 0px;
    > }
    > .event {
    > font-size: 24px;
    > font-weight: bold;
    > color: #00493E;
    > }
    > .upcomingdate {
    > font-size: 20px;
    > color: #990134;
    > font-weight: bold;
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > .eventitem {
    > font-size: 18px;
    > color: #000000;
    > font-weight: bold;
    > margin: 0px;
    > }
    > .eventlink {
    > font-size: 14px;
    > font-style: italic;
    > margin: 0px;
    > }
    > .smallboxhead {
    > font-size: large;
    > color: #00493E;
    > font-style: normal;
    > font-weight: bold;
    > }
    > .companyname {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: small;
    > font-style: italic;
    > color: 990134;
    > }
    >

Maybe you are looking for