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

by 4 replies
5
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.
#website design #code #css #html #table
  • 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>
    • [ 1 ] Thanks
  • 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
  • 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.
  • why don't you check w3school for html suggestions
Join the discussion

Next Topics on Trending Feed