Jump to content

HTML Tables

- - - - -

This topic has been archived. This means that you cannot reply to this topic.
2 replies to this topic

#1
reddem0n

reddem0n

    Newbie

  • Members
  • PipPip
  • 11 posts
Hi All,

I found this site and it looked like the right place to get assistance on my issue.

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

http://img.red-demon...ges/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 &VALUE</strong></span></td>
                        <td width="11" style="text-align: left"> </td>
                        <td width="18" style="text-align: left"> </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 & 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.  Built trust and achieved high performance.</span></p>
                        </td>
                        <td valign="top" style="text-align: left"> </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> </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&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 & 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>


#2
WingedPanther

WingedPanther

    A spammer's worst nightmare

  • Moderators
  • 16,831 posts
That looks like two div tags side by side.
Programming is a branch of mathematics.
My CodeCall Blog | My Personal Blog

#3
so1i

so1i

    Programming Professional

  • Members
  • PipPipPipPipPip
  • 312 posts
The easiest way would be to stick them in DIVs, but the tables (apart from then being in the top left, and the back ground and the text both being black) looks ok!

A tip if you are having problems with things being different places in different browsers is to use a little bit of code in your stylesheet to set the padding and marginsto 0, as different browsers add margins/padding where some others don't.

Use:
* {margin:0px;, padding:0px;}