На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Участники Календарь Избранное RSS
msm.ru
Модераторы: Vasya2000, Serafim, fatalist
  
> Красивая таблица:) , Разные цвета строк
    Есть-ли возможность сделать на CSS таблицу с чередующимися по цвету строками, чтобы читать было удобней?
      В CSS можно задавать текст строк так:
      ExpandedWrap disabled
        tr.myString1 {background-color: #0F0;}

      или просто класс
      ExpandedWrap disabled
        .myString1 {background-color: #0F0;}


      Тогда в HTML это будет выглядеть
      ExpandedWrap disabled
        <tr class="myString1">
        ExpandedWrap disabled
           
          <style type="text/css">
          <!--/*--><![CDATA[/*><!--*/
          #tbl{border-collapse:collapse;}
          #tbl td{
          background-color:#F0F0F0;
          border:1px solid black;
          }
          #tbl td.sel{
          background-color:#CCCCCC
          }
          /*--><!*/]]>
          </style>
           
          <script type="text/javascript">
           <!--//--><![CDATA[//><!--
           window.onload=function()
           {
              var T=document.getElementById('tbl');
              for(var i=0;i<T.rows.length;i+=2)
                  for(var j=0;j<T.rows[i].cells.length;j++)
                      T.rows[i].cells[j].className="sel"
           }
           //--><!]]>
          </script>
           
           <TABLE id=tbl cellspacing=0>
           <TR>
              <TD>some text</TD>
              <TD>some text</TD>
           </TR>
           <TR>
              <TD>some text</TD>
              <TD>some text</TD>
           </TR>
           <TR>
              <TD>some text</TD>
              <TD>some text</TD>
           </TR>
           <TR>
              <TD>some text</TD>
              <TD>some text</TD>
           </TR>
           </TABLE>
        0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
        0 пользователей:


        Рейтинг@Mail.ru
        [ Script execution time: 0,0261 ]   [ 15 queries used ]   [ Generated: 27.04.24, 08:31 GMT ]