• 締切済み

ロールオーバーのタグについて教えてください。

はじめまして。 http://www.s-b-c.net/ 現在CSSを使って上のような横並びのロールオーバーのメニューを作成しています。 ロールオーバー自体は出来ているのですが、私が作ったサイトだと全部のボタンが改行なし、空白なし(スペースのための画像も含めて)でdreamweaverでは1行として書かれています。 上のサイトのように改行してキレイに見やすくできればいいのですが、タグを改行して書いていくと最後のボタンが下にずれてはみ出てしまいます。 改行と同時に空白ができているようです・・・ タグで普通に改行して書いても空白とかできるのでしょうか? できればきちんとこのままのボタンを利用して見やすいソースで作成したいのですが、やり方がわかりません・・・ やはり空白や改行なしで続けて挿入していくしかないのでしょうか? どうか教えてください。よろしくお願いいたします。

noname#52036
noname#52036
  • HTML
  • 回答数1
  • ありがとう数0

みんなの回答

回答No.1

div属性でメニューをサイズ指定で囲んでみては? あとは、サイズ指定したテーブルに放り込んでみるとか。 タグで改行して空白が出来ることはありますよ。

関連するQ&A

  • javascriptのロールオーバーの問題につきまして。

    Dreamweaverのjavascriptを使ってロールオーバーを作成したのですが、firefoxなどでロールオーバーした画像からリンク先に飛んで、ブラウザの戻るで戻ると、画像がロールオーバー状態のままになってしまいます。なにか良い解決方法はないでしょうか。よろしくお願いいたします。

  • ロールオーバーのタグを教えて下さい

    初めまして。 HP作成は初めてなので専門的な言葉はよくわからない者です。 HTMLをコピーして貼り付けてちょっと編集してHPを作ってるところなのですがロールオーバーのタグが分からず困っています。 ネットで検索して貼り付けてもうまくいきません。 入力環境としてはデスクトップにHPってフォルダを作ってその中に素材からHTMLファイルも入れてあります。 me8.htmlっていうページに画像A.jpgとB.jpgのロールオーバーをしたい場合どのようなタグを入力したら良いのでしょうか? ネットでみてたらHEADにも何か入力が必要なような事を書いてあったのですがその分もあわせて宜しく願いします m(__)m

    • ベストアンサー
    • HTML
  • javascriptで作ったロールオーバーがロールオーバーのままになってしまう

    質問お願いします。 javascriptで作った画像二枚で表現するロールオーバーボタンの不具合についてです。 ieでの動作は問題なかったのですがsafari3.1.2とfirefox3.03では、 その作ったロールオーバーボタンをクリックして他のページに行き、 そしてブラウザに予め備わっている機能の戻るボタンで元のページに戻るとクリックしたロールオーバーボタンがマウスが重なっていないのにロールオーバーしたままの状態になってしまいます。 (その状態でもう一度ロールオーバーボタンにマウスを重ねると元に戻ります。) 流れを簡単に書かせていただきます。 <1.ロールオーバーボタンをクリックする> ↓ <2.他のページにリンクする> ↓ <3.リンク先のページでブラウザの戻るボタンをクリックする> ↓ <4.1のページに戻る> ↓ <5.1でクリックしたロールオーバーボタンがカーソルが触れていないのにロールオーバーした状態> ロールオーバーボタンを作る方法は二通り試したのですが、両方とも上に書いた通りの状態です。 <試した方法> 1.DreamweaberMXのビヘイビア機能で作成。 2.http://css-happylife.com/log/javascript/000157.shtmlこちらのページを参考にさせて頂いての作成。 この不具合の事を気にして色々なウェブサイトを見てみたのですが、やはりjavascriptで作っているであろうロールオーバーボタンは同じような状態のウェブサイトが、多数有りました。 この問題の解決策をご存じの方がいらっしゃいましたら、どうかご教授下さい。よろしくおねがいします。

  • ロールオーバが遅い

    マウスを載せると画像が変わるロールオーバを使ったページを作成しています。Dreamweaverを使ってロールオーバーやプリロードを指定しているので、マウスを載せるとすぐさま画像スワップが起きるはずなのですが、何と2・3秒もかかってしまいます。 ネットワークがプア、ブラウザの仕様、ソースが複雑、Javascriptの仕様、など考えられるのですが、 どこに原因があるのでしょうか?ご存知の方、是非教えて下さい。 特に、.jsファイルを外部化して読み込ませているのですが、このあたりで注意するところがあれば併せて、宜しくお願い致します。

    • ベストアンサー
    • CSS
  • 離れた場所のロールオーバーのやり方について

    前任者がホームページビルダーで作成したページを、自分が更新作業をしやすいようにタグ打ちをして修正しています。 ビルダーで、ボタンにマウスを置くと、ボタンが変化する(ロールオーバー)のと同時に、少し離れた場所でも絵の変化が起こるロールオーバーがあり、前任者はその手法を使っていました。 ビルダーでタグを確認すると、 JavaScriptが使われていました。 私は、一応ビルダーは使いこなせ、HTMLとCSSの知識もあります。しかし、JavaScriptがわかりません。 HTMLで記述する方法があれば、教えてください。(わかりやすい解説のページがあればなおうれしいです。) もしなければ、まったくの初心者でも理解できるJavaScriptでのやり方、ページなどを紹介してください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 文字のロールオーバーの干渉

    いつもお世話になっています。 壁にぶち当たって、藁をもつかむ気持ちで来ました、 どなたか、分かる方がいらっしゃいましたら、ご教授ください。 内容は、同ページに色の違うロールオーバーを作らなくてはならない場合。最初のロールオーバーに干渉して、下が、上と違う色にならない、 ということです。 例: こんにちわ←これを通常時黒、RO時に赤と設定 ごきげんよう←これを通常時オレンジ、RO時青と設定 すると、こんにちわも、ごきげんようも通常時黒、RO時赤になってしまいます。 上にあるCSSが干渉して、下のCSSが正しく起動しない。 このような現象を回避する又は、そんなタグがあったら教えてください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • ロールオーバーのやり方を教えて下さい。

    http://www.shinetworks.net/cgi-bin/img-up/src/1231681697806.jpg 上記のように横並びで、ボタンごとに色が違い、カーソルを重ねるとその色が(例:緑だったら、きみどりになるなど)薄くなり、少し上に飛び出るというメニューを作りたいのですが、方法が分かりません。 いくつもCSSが載っているサイトを拝見したのですが;いまいち理解できず困っています。 どなたがご存知の方がいらっしゃいましたらご教授願います。

    • ベストアンサー
    • HTML
  • CSS による画像を使ったロールオーバー

    よろしくお願いします。 CSSを使って、画像のロールオーバーをしようとしています。 HTMLの構成としては、 タイトル画像(幅800px)の下に、CSSを使って作った ロールオーバーするメニューを横並びで配置したいと思っています。 http://edo-freiheit.sakura.ne.jp/eblog/2006/06/css_2.html のサイトを参考に(ほとんどまる写しですが)して、 作成してみたのですが、HTML全体を左寄せしても、中央寄せ してもロールオーバーしたメニューの項目の左側に隙間というか 余白が入ってしまい、上のタイトル画像とズレが生じててしまいます。 この余白をなくす方法がありましたらお教え下さい。

    • ベストアンサー
    • HTML
  • ロールオーバーの反応

    ビルダー10で作成したHPをサーバーにアップした後にウェブ上で確認すると、ロールオーバーの反応が遅いです。 遅い時は2秒ぐらいかかったり、無反応だったりもします。 リンクは普通にできます。作成元のプレビューで確認してもロールオーバーは普通に反応します。 何が原因でどう対処すればいいでしょうか?

  • トップページだけメニューがロールオーバーしない

    サイトを作りアップロードしてチェックしてみたら、なぜかトップページだけメニューがロールオーバーしません。 http://299house.web.fc2.com/index.html 他のページはちゃんとロールオーバーすることを確認しています。 ブラウザはChrome、Firefox、IEでチェックし、どれも同じ症状です。 右カラムのボタンはトップページもちゃんとロールオーバーします。 解決策がお分かりになる方がいらっしゃいましたらご教授頂けるととても助かります。 宜しくお願い致します。

専門家に質問してみよう