Web Analytics Made Easy -
StatCounter defining table row´s size - CodingForum

Announcement

Collapse
No announcement yet.

defining table row´s size

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • defining table row´s size

    Hello dudes, does somebody here knows how can i define a default table row´ size with CSS?

    Regards,
    LottaLava

  • #2
    With CSS:

    Code:
    <style type="text/css">
    tr
    {
         width:150px;
    }
    </style>
    or
    Code:
    <style type="text/css">
    td
    {
         width:150px;
    }
    </style>
    or

    Code:
    <style type="text/css">
    table
    {
        width:150px;
    }
    </style>
    Depending on your table layout any of those could work.

    Basscyst
    Last edited by Basscyst; Feb 17, 2004, 03:16 PM.
    Helping to build a bigger box. - Adam Matthews

    Comment


    • #3
      I don´t believe, i didn´t see it before. Thank you.

      Comment


      • #4
        Ooops, seems that this don´t work with cell´s height!

        Comment


        • #5
          Now i know why! We must set font-size of cell´s text to same as cell height, here a example:

          [B]
          <html>
          <head>
          <!--
          <link type="text/css"
          href="/osctrl/css/main.css"
          rel="stylesheet">-->
          <style type="text/css">
          table
          {
          empty-cells: show;
          border-style: none;
          }

          body
          {
          background-color: green;
          }

          .topoEsqTab
          {
          background-image: url( "/osctrl/img/tab-control/topoEsqTab.gif" );
          height: 9px;
          width: 9px;
          }

          .topoCenTab
          {
          background-image: url( "/osctrl/img/tab-control/topoCenTab.gif" );
          height: 9px;
          }

          .topoDirTab
          {
          background-image: url( "/osctrl/img/tab-control/topoDirTab.gif" );
          height: 9px;
          width: 9px;
          }

          .centroEsqTab
          {
          background-image: url( "/osctrl/img/tab-control/centroEsqTab.gif" );
          width: 9px;
          }

          .fundoCenTab
          {
          background-image: url( "/osctrl/img/tab-control/fundoCenTab.gif" );
          }

          .centroDirTab
          {
          background-image: url( "/osctrl/img/tab-control/centroDirTab.gif" );
          width: 9px;
          }

          .baixoEsqTab
          {
          background-image: url( "/osctrl/img/tab-control/baixoEsqTab.gif" );
          height: 9px;
          width: 9px;
          }

          .baixoCenTab
          {
          background-image: url( "/osctrl/img/tab-control/baixoCenTab.gif" );
          height: 9px;
          }

          .baixoDirTab
          {
          background-image: url( "/osctrl/img/tab-control/baixoDirTab.gif" );
          height: 9px;
          width: 9px;
          }
          </style>
          </head>
          <body>
          <img src="/osctrl/img/tab-control/tab-control.gif">
          <img src="/osctrl/img/tab-control/tab-control.gif">
          <img src="/osctrl/img/tab-control/tab-control.gif">
          <img src="/osctrl/img/tab-control/tab-control.gif">
          <br>
          <table border="0" cellspacing="0" cellpadding="0">
          <tr>
          <td class="topoEsqTab"><span style="font-size: 4pt;">.</span></td>
          <td class="topoCenTab"><span style="font-size: 4pt;">.</span></td>
          <td class="topoDirTab"><span style="font-size: 4pt;">.</span></td></tr>

          <tr>
          <td class="centroEsqTab"></td>
          <td class="fundoCenTab">Zeitgeist Skrezeczanowski</td>
          <td class="centroDirTab"></td></tr>

          <tr>
          <td class="baixoEsqTab"><span style="font-size: 4pt;">.</span></td>
          <td class="baixoCenTab"><span style="font-size: 4pt;">.</span></td>
          <td class="baixoDirTab"><span style="font-size: 4pt;">.</span></td></tr>
          </table>
          </body>
          </html>
          [B]

          Comment

          Working...
          X