Example of class override problem

  •  08-31-2007, 7:13 PM

    Example of class override problem

    Hi Adam,
     
    1. Please run general.aspx, go to the HTML and use the following:
     
    <style type="text/css">
    table.sample td {
    padding-bottom: 0px;
    width: 150px;
    padding-top: 0px;
    text-align: left;
    vertical-align: top;
    align: left;
    }
    </style>
    <div>&nbsp;</div>
    <div>&nbsp;</div>
    <div>
    <table class="sample" style="font-size: 12px; font-family: Verdana" cellspacing="0" cellpadding="0" width="500" border="0">
        <tbody>
            <tr>
                <td>1</td>
                <td>2</td>
                <td>3</td>
                <td align="right">4</td>
            </tr>
            <tr>
                <td>5</td>
                <td>6</td>
                <td>7</td>
                <td>8</td>
            </tr>
        </tbody>
    </table>
    </div>
    <div>&nbsp;</div>
    <div>&nbsp;</div>
     
    2. Go back to [Normal] and you will see that the right cell is not right-aligned
     
    3. Go back to [HTML] and remove class="sample" from the <table tag.
     
    4. Go back to [Normal] and you will see that the right cell is right-aligned.
     
    As I said in the other topic, we would like to see the style sheet being applied first, followed by the specific element settings. 
     
    FredD
View Complete Thread