• ベストアンサー

maqueeの記述方法について

よろしくお願いします。 ホームページ上に、左から右に流れるようにマーキーを設定したいと思っており、html上に以下の記述をしました。 <maquee>ほげほげパソコン</maquee> 上記で文字は表示されましたが、htmlチエッカーで調べたところ、良い記述方法ではないという事が書かれていました。そこでcssで記述をしようと思いましたが、どのような記述をすれば良いのか分かりません ご指導の程よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • xs200
  • ベストアンサー率47% (559/1173)
回答No.1

いけなくはないと思いますよ。考え方次第だと思います。 IE, firefox, google chromeで動作しますから80%以上の人は見ることができます(望んでいるかどうかはわかりませんが)。safariは嫌いでいれてないので知りません。 汎用性を持たせるならJavaScriptで実現します。 方法はこちらに載っています。 http://www.mozilla.gr.jp/standards/webtips1001.html 参考例のhtmlをコピーすれば簡単です。 ここまでしてスクロールを使わなければいけないかは疑問です。

pcckit
質問者

お礼

xs200様 ありがとう御座いました。 #ここまでしてスクロールを使わなければいけないかは疑問です。 確かにおっしゃる通りですね。 私は、動く画像は見た目が良いものだと思っておりましたが 実際そうでも無いみたいですね。 ありがとう御座いました。 初心者ですがよろしくお願いします。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ulやliの記述方法について

    よろしくお願いします。 まず、htmlに以下の記述をしました。 <ul class="ulfont"> <li>ああああああああああああああああああああああ<br />いいいいいいいいいいいいいいいい</li> <li>うううううううううううううううううううううう<strong>おおおおお</strong>かかか・・</li> <li>ががががががが<strong>ほげほげ</strong>ののののの!!</li> </ul> htmlチエッカーを実行したところ以下のように警告が出てしまいました <ul>〜</ul> 内に普通のテキストを書くことはできません。 何が原因なのかよくわかりません。 ご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • div記述方法について

    よろしくお願いします。 cssに以下のように記述をしました。 div#border {width: 800px; margin-left: auto; margin-right: auto; border: 1px solid #000000; padding: 10px 10px 10px 20px; background-color: #ffffff; } 出来た枠の中に文字や画像を入れていっているのですが、その文字や画像は、それぞれ左寄せにしたり、画像は中央揃えにしたりしています それは、問題無いと思うのですがFire Foxで見ると外側に作成した枠そのものが、中央に寄って表示されるのですがIEで見ると枠そのものが 左に寄ってしまいます。 Fire Foxでの表示が正しいようですが、IEでも枠が中央に表示させる事は出来ないのでしょうか? 私はdiv#borderにtext-align: centerを記述したところ枠の中の文字から左寄せに表示したい画像まで中央に寄ってしまいました。これでは私の考えている内容では無いためtext-align: centerの記述は削除しました。 初心者では御座いますがご指導の程よろしくお願い致します。

    • ベストアンサー
    • HTML
  • cssの記述方法について

    よろしくお願いします 現在、HTMlとcssで構成したホームページの勉強をしております。 私は、参考書を見ながら作成しているのですが、もしかすると所々に 不要な記述などがあるかもしれません。よろしければご指導頂けませんでしょうか? まずは下記のサイトをご覧頂けませんでしょうか? ​http://technocompany.web.fc2.com​ ソース内の様々なところに<div id="header">や<div id="fontcolor5"> <div id="photo3">と設定をしておりますが、このまま作成を進めていくと、<div id="ooooo>等がどんどん増えていきますが、その点は特別問題は無いものなのでしょうか? 私は、もっとまとめて設定が出来ないものかと考えていたのですが、それは難しいものでしょうか? 現在、困っている内容と致しましては中央揃えしたい画像に対して<div>~</div>で囲んでtext-align: centerを指定しても 完全に中央に寄らないようです。右のほうが余白が多く空いているように見えます。 例えば画像は全て中央揃えとか、文字はwidthを設定して700pxとか 一部の文字についてはwidth800px等・・・まとめて設定するのは難しいものでしょうか? また、前回、他の方に御指導いただいたのですがcssの記述なのですが、marginやpaddingは余白だと思いますが、 その他の部分が何を意味しているのかが分かりません。 今後のためによろしければご指導頂けませんでしょうか? 【CSS】 ul.hoge { list-style: none; margin: 0; padding: 0; } ul.hoge li { min-height: 20px; _height: 20px; margin: 0 0 1em 0; padding: 0 0 0 25px; background: url(img/ANI_059.gif) left top no-repeat; }

  • imgタグの記述方法について、ご質問をさせて頂きたいのでよろしくお願い

    imgタグの記述方法について、ご質問をさせて頂きたいのでよろしくお願いいたします。 画像のロールオーバー効果を作りたく以下の記述をしました。 [html] <div id ="image1"> <a href="http://page.htm"></a> </div><!-- image1 end --> [css] #image1 a{ display:block; width:107px; background:url(img/3.gif) no-repeat; height:48px; line-height:48px; text-decoration:none; text-align:center; float:left; } #image1 a:hover{ background:url(img/33.gif) no-repeat; } 上記の記述を以下のhtmlチエッカーに掛けた所、以下のエラーが出ました。 http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html line 460: <a> と </a> の間が空です。 → 解説 51 どうやら<a>と</a>の間に画像に表示をする、テキストを入れるということのようですが、私が今回使用している画像は既に文字の入っているもので、<a>と</a>間に何らかのテキストを入れてしまうと、文字が画像上で二重書き見たくなってしまいます。 このような場合は、どのような対処方法が御座いますでしょうか? どなた様か、ご指導のほどよろしくお願いいたします。

    • ベストアンサー
    • HTML
  • クッキーの記述を最短に

    こんにちは。 今日で2度目になってしまうのですが、失礼します。 ホームページのCSSをjavascriptで変更、その設定をクッキーを使って保存しておきたくて調べたのですが、どのホームページも記述が長く、コンパクトにしているところがなかなかありません。 そこで、なるべく短くクッキーを利用する方法を教えていただきたいのです。 条件は以下2点です。 ・初期設定はbase.cssにしたい ・記録したいのは、CSSの相対パスただ1つ お手数をかけますが、よろしくお願いします。

  • tableの記述方法について

    よろしくお願いします。 以下のような表を作成しました。 <table> <tr> <th>イベント案内</th> </tr> <tr> <th>春</th> <td>お散歩しよう</td> </tr> 上記の<td>お散歩しよう</td>のセルの中に画像を入れたいのですが こういった場合はどのような記述をすれば良いのでしょうか? 画像の下にお散歩しようの文字が中央に来るようにしたいと思っております。どなた様かご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • ホームページビルダー15でエンドレスに画像

    ホームページビルダー15で画像を左から右へエンドレスに動かす方法 を教えてください。 マーキーですれば途中で画像が切れるので何か方法はないでしょうか よろしくお願いします。

  • 外部cssの記述方法について

    よろしくお願いします。 cssを外部リンクにしたくご質問をさせて頂きました。 まず、始めにフォルダの構成ですがWフォルダというのがあります。 その中に、1というフォルダがあります。 その1フォルダの中にトップページが入っています (直下に置きたくないため) そのトップページのcssを外部リンクにするために以下の記述を<head>~</head>内にしました。 <link href="1.css" rel="stylesheet" type="text/css" media="all" />  ←inde.htmlにのみ適用したいcss <link href="commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss 上記の記述で、cssファイルは1フォルダの中に保存しました。これですとcssは適用されるのですが これを1フォルダの中にcssフォルダを作成して、cssファイルを cssフォルダに保存して以下のように記述すると cssが適用されなくなってしまいます。 <link href="css/1.css" rel="stylesheet" type="text/css" media="all" /> ←inde.htmlにのみ適用したいcss <link href="css/commonness.css" rel="stylesheet" type="text/css" media="all" /> ←全てのページに共通に適用したいcss また、別のページですが、1フォルダの中にaというフォルダを作成してtest1.htmとtest2.htmlが入っております。 その際ですが、commonness.cssは共通で適用させたく、更にはtest1.htmとtest2.htmlにのみ適用させたいcssもあるのですが htmlへの記述方法がいまいち理解出来ずご質問をさせていただきました。 私は、Wというフォルダにcssというフォルダを作成して、その中に全てのcssファイルを保存しようと考えていたのですが、考え方が間違っておりますでしょうか? 共通に適用させたいページが保存してあるフォルダの中全てに、commonness.cssファイルを保存した場合、 いざ、編集する際に全てのcssを編集しなければならなく、それでは外部cssにする意味が無いと思うのですが やはり、そうでしょうか? うまく、説明が出来ないのですが、どなた様かご指導の程よろしくお願いします。

    • ベストアンサー
    • HTML
  • cssで画像と文字を同じ位置にする方法

    よろしくお願いします。 cssで画像を挿入して、その右側に文字を入れようと思い以下のようにやってのですがうまく行きません。 <div id="photo7"> <p><img src="img/ANI_059.GIF" alt="テスト画像" width="20" height="20" /></p> </div> <p>テスト、てすと、テスト</p> cssの部分には以下のように記述しました。 div#photo7 {float: reft } 上記のようにしたところ、以下のように表示されました。 ■(画像の部分です) テスト、てすと、テスト 私は以下のようにしたいのですが・・・ ■テスト、てすと、テスト そして更には、上記のようなものを幾つも作りたいと考えております以下のような感じです ■テスト、てすと、テスト ■テスト1、テスト2 ■テスト3、テスト5 どなた様か、ご指導の程よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 別フレームの.cssの変更

    こんにちは。 javascriptを使って.cssファイルを切り替えることにかんしてのしつもんです。 左フレームと右フレームがあって、 右のフレームに表示されているページのボタンとか文字とかをクリックすると、関数が呼び出されて、左フレームに表示されているページの.cssファイルを切り替えるようなscriptは、どう記述すれば、いいですか?