小编use*_*310的帖子

创建具有垂直方向文本的HTML表作为表头

我想创建一个HTML表格,其中垂直书写文本作为标题(即标题文本旋转90度).我正在使用flollowing风格

<th style="-webkit-transform:rotate(90deg); writing-mode:tb-rl; -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; display:blocking; padding-left:1px;padding-right:1px;padding-top:10px;padding-bottom:10px; " align="left"  id="#COLUMN_HEADER_NAME#">#COLUMN_HEADER#</th>
Run Code Online (Sandbox Code Playgroud)

在MS IE 9.x中显示OK.在Firefox和Chrome中,标题似乎浮动在表格的顶部,它与下面的表格行重叠.有人可以帮忙吗?我很简单,不知道为什么会这样.我从本教程开始:http://scottgale.com/blog/css-vertical-text/2010/03/01/

TIA,Tamas

html css vertical-text

6
推荐指数
2
解决办法
5万
查看次数

HTML Div在表格内部时无法隐藏

我有这样一张桌子:

<table  cellpadding="0" cellspacing="0" border="0" >
    <tr >

        <div id="div_1c">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
            <td class="t15CurrentTabCenter"><span>Urlap megjegyzések</span></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
        </div>

        <div id="div_1nc">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
            <td class="t15TabCenter" onclick="zfocus_Div('DIV_MEGJEGYZES','div_1c')" ><a href="#TAB_LINK#">Urlap megjegyzések</a></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
        </div>

        <div id="div_2c">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open_c.gif" alt="" /></td>
            <td class="t15CurrentTabCenter"><span>Üzemviteli munkák</span></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close_c.gif" alt="" /></td>
        </div>

        <div id="div_2nc">
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_open.gif" alt="" /></td>
            <td class="t15TabCenter" onclick="zfocus_Div('DIV_UZEMVITELI_MUNKA','div_2c')"><a href="#TAB_LINK#">Üzemviteli munkák</a></td>
            <td><img src="#IMAGE_PREFIX#themes/theme_15/tab_close.gif" alt="" /></td>
        </div>

      </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

加上一些Javascript代码:

<script language="javascript" type="text/javascript">
function zfocus_Div(pActiveTab,pActiveDiv)
{
   html_HideElement('AAA');
   html_HideElement('div_1c'); …
Run Code Online (Sandbox Code Playgroud)

html html-table show hide

3
推荐指数
1
解决办法
5403
查看次数

标签 统计

html ×2

css ×1

hide ×1

html-table ×1

show ×1

vertical-text ×1