0

radio-play.gif ボタンの左側にスペースを入れようとしています。それを達成するために、このコードに何を追加できますか?

ありがとう!

// Last (only one on Mac) row has the VCR buttons.
//
s += '<td>';
s += '<img border="0" src="/images/dot.gif" width="81" height="' + gPreBtnVertSpace + '"><br>';
s += '<img alt="PLAY" src="' + imageDir + 'radio-play.gif" width="72" border="0" padding="5" height="61" style="cursor:pointer; cursor:hand" onclick="HandleAction(\'playnow\')">';

if (player != 'MP3')
    s += '<img alt="STOP" src="' + imageDir + 'radio-stop.gif" width="72" border="0" height="61" style="cursor:pointer; cursor:hand" onclick="HandleAction(\'stop\')">';

s += '</td></tr>';

document.write(s);

// removing mute button
var myEl = document.getElementsByName("mute");
var elP = myEl[0].parentNode.parentNode;
elP.removeChild(myEl[0].parentNode);
4

4 に答える 4

2

タグにマージンを設定するかimg(このために必要です)、または(改行スペースなし) をdisplay:inline-block;追加します。&nbsp;

おそらく、マージンは私の好みの方法です。

img{
  display:inline-block;
  margin-left:5px;
}

また

s += '&nbsp;<img alt="PLAY" ...

ところで、正しい方法は、経由で<td>and<img>要素を作成し、document.createElementそれらを dom にアタッチすることです。(またはjqueryを使用すると、少し簡単になります)

于 2012-06-22T15:21:07.707 に答える
1

文字通りスペース文字をその前に置くことができます。私はCSSを使用してそれを行います。画像にクラスを与えてclass="whatever"から、CSS で:

.whatever {
    margin-left: 10px;
}

既にインラインで実行しているので、インライン css にマージンを追加するだけで済みます。

于 2012-06-22T15:21:46.817 に答える
0
s += '&nbsp;<img alt="PLAY" src="' + imageDir + 'radio-play.gif" width="72" border="0" padding="5" height="61" style="cursor:pointer; cursor:hand" onclick="HandleAction(\'playnow\')">';

または、より正確には、

s += '&nbsp;<img alt="PLAY" src="' + imageDir + 'radio-play.gif" width="72" border="0" padding="5" height="61" style="cursor:pointer; margin-left:5px;" onclick="HandleAction(\'playnow\')">';
于 2012-06-22T15:22:08.687 に答える
0

「スペース」がレンダリングされたボタン要素の左側に視覚的にレンダリングされたスペースを意味する場合、これは通常 CSS で行われます。一般的な実装では、画像タグ自体、または画像タグのコンテナーに、スペースを適切に割り当てる CSS クラス属性があります。CSS でこれを行うには、パディング、マージン、絶対位置と相対位置、leftまたはright属性などを調べます。

于 2012-06-22T15:23:32.137 に答える