Skip to main content
Participant
August 15, 2017
Answered

dreamweaver tables

  • August 15, 2017
  • 2 replies
  • 463 views

I built a table but can't seem to get all the cells to the same font size?  If i highlite all cells and change properties it doesn't help?

    This topic has been closed for replies.
    Correct answer osgood_

    Give your table a class like "myTable":

    <table class="myTable">

    Then use some css to style the <td> cells:

    .myTable td {

    font-size: 18px;

    }

    This assumes you know about applying classes to elements and styling them with css, maybe.

    2 replies

    Nancy OShea
    Community Expert
    Community Expert
    August 15, 2017

    Does you table have headers?

    Browsers style <th> tags differently because they are headers.

    Does your table contain any other HTML tags like <h1>, <h2> or <p> tags?  Those will all be styled differently by browsers, too.

    Without seeing your Code, it's hard to guess what may be going on.

    Nancy

    Nancy O'Shea— Product User & Community Expert
    tafratzkeAuthor
    Participant
    August 16, 2017

    I'm not a coder at all.  I buy templates and use what i need and delete rest.  I have 3 tables on three different pages.  I insert table then put pictures and text in cells.  Here is some code I copied down:

    <section id="content">

           <div class="back-menu-line"></div>

            <div align="center">

              <table width="1153" border="1">

                <tr>

                  <td width="288" height="36"><div align="center"></div></td>

                  <td width="288"><div align="center"></div></td>

                  <td width="288"><div align="center"></div></td>

                  <td width="288"><div align="center"></div></td>

                </tr>

                <tr>

                  <td width="288"><p> </p>

                  <p> </p></td>

                  <td width="288"><p> </p></td>

                  <td width="288"><p> </p></td>

                  <td width="288"><p> </p></td>

                </tr>

                <tr>

                  <td><p align="center"> </p>

                    <p align="center"> </p>

                    <p align="center"> </p>

                    <p align="center"> </p>

                    <p align="center"> </p>

                    <p align="center"><img src="images/Romika/R10204-35330-Maddy-04.jpg" /><br>

                  </p></td>

                  <td><p align="center"><img src="images/Romika/10206-17330-Maddy-06.jpg" width="256" height="224" /></p></td>

                  <td><p align="center"> </p>

                  <p align="center"> </p>

                  <p align="center"> </p>

                  <p align="center"> </p>

                  <p align="center"> </p>

                  <p align="center"><img src="images/Romika/10211-21306-Maddy-11.jpg" /></p></td>

                  <td><p align="center"> </p>

                  <p align="center"> </p>

                  <p align="center"> </p>

                  <p align="center"><img src="images/Romika/10224-96100-Maddy-24.jpg" /></p></td>

                </tr>

                <tr>

                  <td style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><div align="center">

                    <p align="center"><u>&#8226; R10204 Maddy 04</u></p>

                    <p align="center">35100 Black</p>

                    <p align="center">35330 Moro</p>

                  </div></td>

                  <td style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><p align="center"><u>&#8226; 10206 Maddy 06</u></p>

                    <p align="center">17330 Moro</p>

                    <p align="center">41179 Black/Titan</p></td>

                  <td style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><p align="center"><u>&#8226; 10211 Maddy 11</u></p>

                    <p align="center">21100 Black</p>

                    <p align="center">21306 Taupe</p></td>

                  <td style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><p align="center"><u>&#8226; 10224 Maddy 24</u></p>

                    <p align="center">96100 Black</p>

                    <p align="center">96330 Moro</p></td>

                </tr>

                <tr>

                  <td width="261" style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><div align="center"><img src="images/Romika/10229-96333-Maddy-29.jpg" width="267" height="128" /><br>

                  </div></td>

                  <td width="276" style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><div align="center"><img src="images/Romika/10230-96330-Maddy-30.jpg" width="279" height="123" /></div></td>

                  <td width="248" style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><div align="center">

                    <p><img src="images/Romika/27056-07330-Mokassetta-256.jpg" /></p>

                  </div></td>

                  <td width="262" style="font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', serif"><div align="center">

                    <p><img src="images/Romika/27057-85100-Mokassetta-257.jpg" /></p>

                  </div></td>

                </tr>

    Nancy OShea
    Community Expert
    Community Expert
    August 16, 2017

    <I'm not a coder at all.>

    Yes, that's evident by the structure & errors.   Use the code validation tool below to see what I mean.

    HTML - http://validator.w3.org/

    If this is for a web site, DW is probably not the right tool for you.   DW is aimed at people who want to work with code.   I think you should try Adobe Muse.  MU is aimed at non-coders who like working with a layout canvas and visual interface.

    See what you can create with Muse |

    Nancy

    Nancy O'Shea— Product User & Community Expert
    osgood_Correct answer
    Legend
    August 15, 2017

    Give your table a class like "myTable":

    <table class="myTable">

    Then use some css to style the <td> cells:

    .myTable td {

    font-size: 18px;

    }

    This assumes you know about applying classes to elements and styling them with css, maybe.