- ベストアンサー
HTML初心者です。文字を画像上でスクロールさせたい。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<div style="background-image: url('aa.bmp'); background-repeat: no-repeat; height: 300px;"> <marquee scrollmount="1" loop="1" width="950" height="15">テスト</marquee> </div>
その他の回答 (1)
- torayoshi
- ベストアンサー率62% (910/1449)
a9y9w5.jpgを背景に使いたいってこと？ それなら画像をダウンロードして、 <marquee scrollmount="1" loop="1" width="950" height="15" style="background-image: url(a9y9w5.jpg); background-attachment:fixed;"> テスト </marquee> みたいな感じで。 または直リンするならフルパスで。 url(http://i48.tinypic.com/a9y9w5.jpg)
お礼
ありがとうございました！
関連するQ&A
- HTML初心者です。配置した画像の上下が...。
お世話になります。 下記のコードをホームページ上で確認したら、画像の上下が上手く表示できていませんでした。また、文字の自動スクロールも画像の中心ではなく上よりで起きてしまいました。画像を上下とも普通に表示させ文字のスクロールを画像の中心で行うには、どうすれば良いのでしょうか？教えていただけると大変助かります。 <marquee style="background-image: url(http://i49.tinypic.com/ojmo86.jpg); background-attachment: fixed;" height="30" width="950" loop="2" scrollmount="1"> Welcome to the testing phaes for our Unite Urayasu ! </marquee> 宜しくお願い致します。
- 締切済み
- HTML
- ネスケ6.0で文字を横スクロールさせたい
htmlタグのMARQUEEのように、java script でテキストを横にスクロールさせたいのですが、 どうしてもネスケ(6.0)で動作しません。 いろいろjavascriptのホームページを見たのですが、<MARQUEE>のような動きを再現できずこまっています。 以下のようなMARQUEEでの動きをNN4.7以上・IE5.5以上でも再現したいです。 <MARQUEE WIDTH=300 BEHAVIOR=SCROLL>あああ</MARQUEE> どうかお力添えをお願い致します。
- ベストアンサー
- JavaScript
- htmlでのスクロールの停止方法
タグを手打ちして細々ＨＰを作成しているのですが、MARQUEEコマンドを使った下から上へのスクロールで、最後の文字が表示されたら、そこでスクロールが停止するようにしたいのです。（映画のエンディングクレジットみたいに、下からだら～っと出て、最後の映画会社のマークで画面が止まる、みたいな）今の状態では、スクロールが勝手にリピートしてしまいます。 何か方法はあるでしょうか？ 今は以下のような形で動かしています。 ご回答よろしくお願いいたします。 <HTML> <BODY BACKGROUND="bg2.gif" BGPROPERTIES=FIXED> <FONT size="14"> <DIV height="1800" width="900" position : absolute; visibility : hidden;> <MARQUEE direction="up" height="600" scrollamount="2"> 本文はじめ<br> ・ ・ ・ 本文<br> ・ ・ ・ 本文終わり<br> </FONT></DIV></MARQUEE> </BODY> </HTML>
- 締切済み
- ホームページ作成ソフト
- IE6,7で画像の上に載せた文字がずれる
HTMLなのですが、 画像が縦に3つつながって1つの画像のようになった状態で表示しようとしています。 さらに上と下の画像にはテキストを上にかぶせて表示します。 画像全体にリンクを貼ってあります。 下記のようなコードで作成した所、IE6,7でのみ、下記のバグが出てしまいました。 ・画像とテキストの縦位置のズレ ・画像間に2px程度の空白が生じる ・画像に設定したリンクが開かない 大変困っています。 どなたか原因と修正方法を教えていただけますでしょうか。 <a href="test.html"> <div style="position: relative; width: 183px; height: 265px; "> <img src="images/top.jpg" width="183" height="36" /> <div style="position: absolute; top: -11px; left: 55px;" class="font16b"> <p align="center">text1</p> </div> <img src="images/main.jpg" width="183" height="193" border="0" /> <img src="images/bottom.jpg" width="183" height="36" /> <div style="position: absolute; top: 218px; left: 4px; width: 181px;" class="font13"> <p align="left">text2</p> </div> </div> </a>
- ベストアンサー
- CSS
- <iframe 内のスクロール
<iframe タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます)
- 締切済み
- JavaScript
- 画像を右から左に回るようにしたいです
忍者でブログを書いています。 画像が右から左に自動で回るようにしたいのですが どうしたらよいのでしょうか？ 下記を好きなとこに貼り付ける、と教えていだだいたのですが、好きなとこって？わかりませんでした。動かす画像の場所ってどう指定したらよいのでしょうか？ <TABLE> <TBODY> <TR> <TD colspan="4" align="center" width="600"><MARQUEE scrollAmount=3><IMG src="anima/004.gif" width="80" height="80" border="0"></MARQUEE></TD> </TR> </TBODY> </TABLE> width="600"は、フレームの幅。好きなサイズに変えて。 anima/004.gifは、動かす画像の場所です。動かす画像の場所を指定してください！ width="80" height="80"は画像の幅と高さです。指定してください。
- 締切済み
- ホームページ作成ソフト
- ＨＴＭＬで画像を貼り付け
不明な点がありましたら補足要求かけてください。よろしくお願い致します。 自分のＨＰにリンク先の背景を乗せ、後付けでその背景の上に動画像（heart1とbanner）２タイプを左右端上貼りたいのです。 以下が背景タグでこれに画像を乗せたいのです。 （プライベートな部分は★に変えてあります。） <table width="390" border="0" cellpadding="3" cellspacing="0" bgcolor="#241C43" height="80"> <tr> <td width="19%" height="52"><a href="http://www.★.net/ring/index.htm" target="_top"> </a> <a href="http://www.★.net/ring/index.htm"><img src="heart1.gif" width="66" height="50" border="0"></a> </td> <td width="81%" height="52"> <div align="center"><a href="http://www.★.net/ring/index.htm"><img src="ring_banner.gif" width="306" height="35" border="0"></a><br> <font size="1"> <font color="#FFFFFF"> ★★</font></font> </div> </td> </tr> <tr> どうぞよろしくお願い致します。
- ベストアンサー
- ブログ
- 並べた画像ファイルに不要なスペース行が入ってしまいます(HTML付き)。
お世話になります。 下記のように、画像ファイルを２つ並べようと思っています。 +---------+ |隅.bmp | +---------+ +---------+ |隅.bmp | +---------+ ただ、上の画像に左側にスペースを入れると、なぜか２つの画像の 間に細いスペース行が入ってしまいます。 この２つの画像の間のスペース行を無くす方法はありますか？ <p><img border="0" src="隅.bmp" width="160" height="160"><br> <img border="0" src="隅.bmp" width="160" height="160"><br> ↓↓↓ <p> <img border="0" src="隅.bmp" width="160" height="160"><br> <img border="0" src="隅.bmp" width="160" height="160"><br> よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- Firefoxで背景が消えてしまう（スクロール時） min-height:100%
現在、下記のようにウェブページを作っています。 <div id="pagebody"> <div id="contents"> <p>aaaa</a> <p>aaaa</a> <p>aaaa</a> </div> </div> #pagebodyに背景を設定しrepeat-yで繰り返し指定をしています。 しかし、Firefoxの場合スクロールすると背景が消えてしまいます。 html { height : 100% ; } body { height : 100% ; width : 724px ; margin : 0px auto ; text-align : center ; } body > #pagebody { height : auto ; } #pagebody { height : 100% ; min-height : 100% ; background : url (../img/bg.jpg) repeat-y center } ある程度調べ、上記のように書いても全く治らずです。 アドバイスお願いします。
- ベストアンサー
- CSS
- ▲▲HTML・CSS TABLEから文字がはみ出す場合スクロールバーをつける？またCSSのBOXについて▲▲
例えば <table border="1" width="650" height="700"> <tr> <td></td> <tr> </table> 高さを700に設定しているので、中に文字を入力し700を超えるようであれば自動的に大きさが広がると思います。 その際TABLEの右側にスクロールをつけて、700をキープする事は可能でしょうか？ またCSSでスクロールバーつきのBOXを作ったときに横のスクロールバーだけを表示するように設定は可能でしょうか？？
- ベストアンサー
- HTML
補足
早速のご回答、ありがとうございます。TinyPicというサービスを使ってWebに画像を保存しています。下記がそのTinypicから生成されたHTMLコードなのですが、これをどのように上記に当てはめればいいのでしょうか？僕も本当に初心者なのでどうしても分かりません。どうぞ宜しくお願い致します。 <a href="http://tinypic.com" target="_blank"><img src="http://i48.tinypic.com/a9y9w5.jpg" border="0" alt="Image and video hosting by TinyPic"></a>