HTML - 小苹果

Iframe 高度，随内容的多少改变。
一个用JS脚本来处理，当共载入完成后，就知道它内容的真实度了，再来调整Iframe的高度。

<iframe width="100%" scrolling="no" src="Right.htm" frameborder="0" onload="InitHeight(this);"></iframe>

<script language="JavaScript">
function InitHeight(obj)
{
obj.style.height = (obj.contentWindow.document.body.scrollHeight + 20) + 'px';
}
</script>

iframe onload 事件后，开始运行本脚本检查高度。
在FF3.0、IE6下能正常运行。

标签：iframe

查看全文 | 分类(HTML) | 访问(2) | 编辑

不换行，多出的内容不显示2009-05-23

在H标签中，内容超出容器时，默认是会换行。
<h1>大标题很长很长很长</h1>

要想使H1固定长，多出内容不显示器，要指定 width、white-space、overflow 属性
如下：
h1 { width:200px; white-space:nowrap; overflow:hidden; }

查看全文 | 分类(HTML) | 访问(4) | 编辑

iframe2009-05-04

一、不要横向滚动条
<iframe name="Main" scrolling="yes"></iframe>
scrolling:有yes/no/auto三个值，设置为 yes
在调用iframe中的页面是，设置样式 html { overflow-x:hidden; }

这样当内容高度超出时，只显示竖滚动条，不显示横滚动条。

查看全文 | 分类(HTML) | 访问(9) | 编辑

网页中滚动显示内容(marquee)2009-04-30

marquee 元素
创建一个滚动的文本字幕。

重要的属性
direction 设置或获取文本滚动的方向。（left、right、up、down）
loop 设置或获取字幕播放的次数。
scrollAmount 设置或获取介于每个字幕绘制序列之间的文本滚动像素数。
scrollDelay 设置或获取字幕滚动的速度。

由左向右滚动。移动速度为每 100 毫秒 2 像素。
<marquee scrollAmount="2" scrollDelay="100" direction="left">滚动显示文字</marquee>

<marquee loop="1" scrollAmount="2" scrollDelay="100" direction="up">滚动显示文字</marquee>

一个例子
<marquee loop="2" scrollAmount="2" scrollDelay="100" direction="left" align="left" onmouseover="this.stop()" onmouseout="this.start()">文字</marquee>
当鼠标经过时，就停止滚动，当鼠标离开时又恢复滚动。

查看全文 | 分类(HTML) | 访问(11) | 编辑

网页中的文字不能被选中2009-04-28

网页中的文字不能被选中，一选就是全部，单独一个字或词是不能被选中。
之后找出的原因是，在Head中加了一个标记
<base target="_self"/>

这对FF是不起作用，在IE6中就会出现这种怪现象。

查看全文 | 分类(HTML) | 访问(18) | 编辑

p标签不能包含h1标签2009-04-21

一直认为HTML标签可以随便嵌套

<p style="border:1px solid red;"><h1>Head</h1></p>

HTML标签可能也分级别，h1的级别高一些。

查看全文 | 分类(HTML) | 访问(8) | 编辑

网页中，让文字和输入框水平居中对齐2009-04-19

文字和输入框在同一个容器中时，当输入框比较高，文字会靠底部，不和输入框水平居中对齐
给输入框定义vertical-align:middle属性就可以水平居中对齐了。

和输入框水平居中对齐<input type="text" style="height:100px; vertical-align:middle;"/>

查看全文 | 分类(HTML) | 访问(21) | 编辑

HTML中的Table说明2009-04-03

<table width="103" cellSpacing="1" cellpadding="0" border="0" bgcolor="blue">
  <tr>
    <td bgcolor="white" width="50"> </td>
    <td bgcolor="white" width="50"> </td>
  </tr>
</table>

表格宽103像素
这个表格有三条边，每条边有一个像素宽，而td中的内容宽每个有50个像素。

<table width="103" cellSpacing="1" cellpadding="5" border="0" bgcolor="blue">
  <tr>
    <td bgcolor="white" width="50"> </td>
    <td bgcolor="white" width="50"> </td>
  </tr>
</table>
表格宽103像素
cellpadding 设置为5px了，但表格是不会被拉大，还是103px。

只有超出范围时表格才会被长大，如
<table width="103" cellSpacing="100" cellpadding="0" border="0" bgcolor="blue">
  <tr>
    <td bgcolor="white" width="50"> </td>
    <td bgcolor="white" width="50"> </td>
  </tr>
</table>

查看全文 | 分类(HTML) | 访问(11) | 编辑