5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Can you help me code this table using html and css, please?

by Josiah Grimes
4 replies
  • WEB DESIGN
    • |
Thanks for checking out this question.

I need help coding the table whose picture can be found here:

Oh yeah babay (Table)

Other specifications provided are:
The table is 500 pixels wide.
The cell colors are #0000FF, #330066, and #FF0000.
The table border color is #FFFF00.
The outside cells are 25% of the width of the table.
The height of the center cell is 25% the height of the table.

I just started this coding class online and I'm really stuck on this.

Any help is great. Thanks a ton.
#code #css #html #table
  • Profile picture of the author ussher
    cant see the picture but...

    If you want it inline, without a separate style sheet:
    <table style="border:1px solid #FFFF00; width:500px">
    <tr>
    <th style="background-color:#0000FF;width:25%">column 1</th>
    <th style="background-color:#330066;height:25%">column 2</th>
    <th style="background-color:#FF0000;width:25%">column 3</th>
    </tr>
    <tr>
    <td style="background-color:#0000FF;width:25%">column 1</td>
    <td style="background-color:#330066;height:25%">column 2</td>
    <td style="background-color:#FF0000;width:25%">column 3</td>
    </tr>
    </table>
    Signature

    "Jamroom is a Profile Centric CMS system suitable as a development framework for building entire communities. Highly modular in concept. Suitable for enterprise level development teams or solo freelancers."

    - jamroom.net
    Download Jamroom free: Download
    {{ DiscussionBoard.errors[3946565].message }}
  • Profile picture of the author Josiah Grimes
    Thanks for the help Ussher.

    I'm still pretty lost though.

    I'll keep trying stuff.

    If anybody wants to throw out some more info for me. I'm all about giving, "thanks".

    thanks
    {{ DiscussionBoard.errors[3946806].message }}
  • Profile picture of the author ussher
    Whats wrong with it Josiah?

    There are 2 rows, the first one is a header row, the second one is a data row.

    In a real world scenario you would give the table a class, then do the rest from an external CSS style sheet so it was much cleaner to look at.

    How do you want it to work?

    --edit--
    looks like i cant see the image because i need to be logged in to schools.connectionsacademy.com do it. If you could save the image and upload it to imageshack.us then i could see it.
    Signature

    "Jamroom is a Profile Centric CMS system suitable as a development framework for building entire communities. Highly modular in concept. Suitable for enterprise level development teams or solo freelancers."

    - jamroom.net
    Download Jamroom free: Download
    {{ DiscussionBoard.errors[3948280].message }}
  • Profile picture of the author markmethew
    why don't you check w3school for html suggestions
    Signature
    gioca roulette online
    giochi roulette online
    {{ DiscussionBoard.errors[3948378].message }}

Trending Topics