HOME( takamiya.com TOP) > STUDY > INTERNET >

よく使うタグ・便利なタグ

◆InternetExplorer のイメージツールバー対策

IE で出る「このイメージを保存します」「このイメージを印刷します」「このイメージを電子メールで送ります」「マイピクチャフォルダを開きます」ってのを出さないようにする方法。

<HEAD></HEAD>の間に、
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
と書けば出なくなります。右の画像のように。
epidendrum

尚、イメージツールバーが出るのを許す画像も有る場合には、上記タグを書いた上で、許す画像に

<IMG SRC="image.jpg" galleryimg="yes">

等を書く方法があります。

正式には「不明な属性 `GALLERYIMG` が指定されてる」と認めて呉れませんが、InternetExplorer の場合、右(下のほうの蘭)の画像にマウスを持っていくと、イメージツールバーが出ます。

epidendrum

◆行間を空ける

行が詰まってると、日本語は見難いものです。
InternetExplorer は少々空きますが、 Netscape だと原則として行間がありません。

<SPAN STYLE="line-height:140%">文章</SPAN>
と書けば行間に余裕が出ます。
好みによって、「140」を適当な数字に入れ替えればokです。

但し、画像も入れたい時は、IMG SRC を「SPAN」より先か後かにします。
通常、</TD>などは省略出来るのですが、CSS を使う場合は、省略すると巧く表示出来ないようです?


◆単語途中の改行を禁止したい時

以前に <NOBR></NOBR>で書いていた部分のcss 版。

以下の枠は実験用に、
TABLE幅を 450px、TD幅を 300px と 150px に指定しています。


改行禁止指定のない例 私の名前は、きょうこです。

<SPAN STYLE="white-space: nowrap;">私の名前は、きょうこです。</SPAN>
改行禁止指定した例 私の名前は、きょうこです。

私の名前は、<SPAN STYLE="white-space: nowrap;">きょうこ</SPAN>です。
名前のみ改行禁止指定 私の名前は、きょうこです。

尚、WBR の CSS版は無いようです。


◆ちょっと便利な小技
< 画像と画像の間を空けたい >

<IMG SRC="image01.gif">  <IMG SRC="image02.gif">

色々手法は有る訳ですが、全角空白を入れると簡単に空きます。
epidendrum epidendrum

< リンク画像をすっきりさせたい >

<A HREF="index.html"><IMG SRC="home.gif"></A>

折角画像を透明化させても、枠が出てがっかりの時が有りませんか?

<A HREF="index.html"><IMG SRC="home.gif" BORDER="0"></A>
或いは、
<A HREF="index.html"><IMG SRC="home.gif" STYLE="border-width:0px;"></A>

これなら簡単に、すっきり枠無しで仕上がります。
BORDER="0"
枠無しリンク画像です。
epidendrum
BORDER="1"
細めの枠つきリンク画像
epidendrum
BORDER サイズ指定無し
IE で、太過ぎる線が出ます
epidendrum
<注>
BORDER="" でなく STYLE="border-width: 0px;"を使えと W3C は勧めますが、
SAFARI に通用するのは BORDER で、STYLE="border-width: を無視するようです。
また、TD や DIV の中に画像が入ってる時、
STYLE="border-width: 0px;" STYLE="vertical-align: middle;" などを
使うと NN475 での表示がメッチャクチャになります。
BODER="" ALIGN="" などを使うほうが、まだしも、
画像が飛んだり重なったり、酷い崩れかたをしないので無難かも。。。
但し、他の影響が有るのかも知れませんが。。。?


to TOP

2000.03.31 -