HTML Table Issue

Discussion in 'HTML & Website Design' started by RedDem0n, Sep 29, 2009.

  1. #1
    Hi All,

    I'm trying to code using tables this particular page.

    http://img.red-demon.com/images/btable1.jpg

    The image you see is what I'm trying to replicate. The only problem is that it shows up completely different on firefox / chrome but shows up as close to the image above as possible in IE.

    Any assistance would be greatly appreciated.

    Code I am using is below:

         <style type="text/css"><!--
    body {
    
    background-color: #000000;
    
    }
    
    .style1 {font-size: 14px}
    
    .style2 {font-weight: bold}
    
    .style5 {font-size: 8pt}
    --></style>       <table border="0" width="709" style="width: 709px; height: 358px">
                    <tbody style="text-align: left">
                        <tr style="text-align: left">
                            <td height="36" width="417" style="text-align: left"><span style="font-size: 12pt"><strong>PROFILE &amp;VALUE</strong></span></td>
                            <td width="11" style="text-align: left">&nbsp;</td>
                            <td width="18" style="text-align: left">&nbsp;</td>
                            <td width="227" style="text-align: left"><span style="font-size: 12pt"><strong>EXPERTISE</strong></span></td>
                        </tr>
                        <tr style="text-align: left">
                            <td valign="top" style="text-align: left">
                            <p class="style5" align="justify"><span style="font-size: 8pt"><strong>Effective in High-Profile Executive Roles:</strong> Complex decision making capability through experience-backed judgment and knowledge. High energy work ethics with impeccable integrity. Able to quickly improve collaboration and embrace culture.</span></p>
                            <p class="style5" align="justify"><span style="font-size: 8pt"><strong>Corporate Strategy &amp; Development Specialist:</strong> Respected as delivering results through reinforcing mission, vision, and values to achieve increased morale, performance, and profitability. Expertise in chairing and monitoring corporate-wide projects.</span></p>
                            <p class="style5" align="justify"><span style="font-size: 8pt"><strong>Strong Orientation in Operations</strong>: Able to proficiently manage multiple locations, properties, and variety of business disciplines. Delivering mission-critical results through proper planning. Continuously improving service tactics to increase business.</span></p>
                            <p class="style5" align="justify"><span style="font-size: 8pt"><strong>Exemplary Financial Controls:</strong> Track record in management and analysis of property-wide financial budgets, practices, and compliance. An innovator with impeccable financial judgment in forecasting, monitoring, and safe guarding company's assets.</span></p>
                            <p class="style5" align="justify"><span style="font-size: 8pt"><strong>Leverage and Respect Human Capital:</strong> Mentored individuals to grow and to display passion and accountability. Consistently coached and trained individuals and teams through positive examples.&nbsp; Built trust and achieved high performance.</span></p>
                            </td>
                            <td valign="top" style="text-align: left">&nbsp;</td>
                            <td valign="right" style="text-align: right"><img alt="" src="http://www.red-demon.com/b.jpg" /></td>
                            <td valign="top" style="text-align: left">
                            <ul>
                                <li type="square"><span style="font-size: 8pt">Team Leadership</span></li>
                                <li type="square"><span style="font-size: 8pt">Coach and Mentoring</span>&nbsp;</li>
                                <li type="square"><span style="font-size: 8pt">Organizational Development</span></li>
                                <li type="square"><span style="font-size: 8pt">Business Management</span></li>
                                <li type="square"><span style="font-size: 8pt">National, International, Tribal</span></li>
                                <li type="square"><span style="font-size: 8pt">Multi-Property Development</span></li>
                                <li type="square"><span style="font-size: 8pt">P&amp;L Improvement</span></li>
                                <li type="square"><span style="font-size: 8pt">Capital/Operational Budgets</span></li>
                                <li type="square"><span style="font-size: 8pt">Service Excellence</span></li>
                                <li type="square"><span style="font-size: 8pt">Strategic Operating Plans</span></li>
                                <li type="square"><span style="font-size: 8pt">Hospitality and Gaming</span></li>
                                <li type="square"><span style="font-size: 8pt">Marketing and Advertising</span></li>
                                <li type="square"><span style="font-size: 8pt">Retail and Entertainment</span></li>
                                <li type="square"><span style="font-size: 8pt">Innovation and Technology</span></li>
                                <li type="square"><span style="font-size: 8pt">Security &amp; Surveillance</span></li>
                                <li type="square"><span style="font-size: 8pt">Research and Investigation</span></li>
                                <li type="square"><span style="font-size: 8pt">Regulatory Compliance</span></li>
                                <li type="square"><span style="font-size: 8pt">Negotiation and Legal</span></li>
                                <li type="square"><span style="font-size: 8pt">Analysis and Board Review</span></li>
                            </ul>
                            </td>
                        </tr>
                    </tbody>
                </table>
    Code (markup):
     
    Last edited: Sep 29, 2009
    RedDem0n, Sep 29, 2009 IP
  2. Alan@wolf21

    Alan@wolf21 Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I played around with your code and I got it to be close to the image you had.


    <style type="text/css"><!--
    .style1 {font-size: 14px;}

    .style2 {font-weight: bold;}

    .style5 {
    font-size: 9pt;
    text-align:justify;
    padding:10px 0 10px 0;
    margin:0;
    line-height:1.5em;
    color:#333300;
    }

    ul.list {
    padding:0;
    margin:0 0 0 25px;
    list-style:square;
    font-size:8pt;
    line-height:1.8em;
    color:#333300;
    }
    --></style>
    <table border="0" width="709" style="width: 709px;" cellpadding="0" cellspacing="0">
    <tbody style="text-align: left">
    <tr style="text-align: left">
    <td height="36" width="400" style="text-align: left"><span style="font-size: 12pt"><strong>PROFILE &amp;VALUE</strong></td>
    <td width="11" style="text-align: left">&nbsp;</td>
    <td width="18" style="text-align: left">&nbsp;</td>
    <td width="227" style="text-align: left"><span style="font-size: 12pt;"><strong>EXPERTISE</strong></td>
    </tr>
    <tr style="text-align: left;">
    <td valign="top" style="text-align: left; padding:0; margin:0;">
    <p class="style5"><strong>Effective in High-Profile Executive Roles:</strong> Complex decision making capability through experience-backed judgment and knowledge. High energy work ethics with impeccable integrity. Able to quickly improve collaboration and embrace culture.</p>
    <p class="style5"><strong>Corporate Strategy &amp; Development Specialist:</strong> Respected as delivering results through reinforcing mission, vision, and values to achieve increased morale, performance, and profitability. Expertise in chairing and monitoring corporate-wide projects.</p>
    <p class="style5"><strong>Strong Orientation in Operations</strong>: Able to proficiently manage multiple locations, properties, and variety of business disciplines. Delivering mission-critical results through proper planning. Continuously improving service tactics to increase business.</p>
    <p class="style5"><strong>Exemplary Financial Controls:</strong> Track record in management and analysis of property-wide financial budgets, practices, and compliance. An innovator with impeccable financial judgment in forecasting, monitoring, and safe guarding company's assets.</p>
    <p class="style5"><strong>Leverage and Respect Human Capital:</strong> Mentored individuals to grow and to display passion and accountability. Consistently coached and trained individuals and teams through positive examples.&nbsp; Built trust and achieved high performance.</p>
    </td>
    <td valign="top" style="text-align: left; border-right:#000000 solid 1px;" colspan="2">&nbsp;</td>
    <td valign="top" style="text-align: left">
    <ul class="list">
    <li>Team Leadership</li>
    <li>Coach and Mentoring</li>
    <li>Organizational Development</li>
    <li>Business Management</li>
    <li>National, International, Tribal</li>
    <li>Multi-Property Development</li>
    <li>P&amp;L Improvement</li>
    <li>Capital/Operational Budgets</li>
    <li>Service Excellence</li>
    <li>Strategic Operating Plans</li>
    <li>Hospitality and Gaming</li>
    <li>Marketing and Advertising</li>
    <li>Retail and Entertainment</li>
    <li>Innovation and Technology</li>
    <li>Security &amp; Surveillance</li>
    <li>Research and Investigation</li>
    <li>Regulatory Compliance</li>
    <li>Negotiation and Legal</li>
    <li>Analysis and Board Review</li>
    </ul>
    </td>
    </tr>
    </tbody>
    </table>
     
    Alan@wolf21, Sep 30, 2009 IP