• ベストアンサー

画像を左に、ナビゲーションバーを右に置きたい。

dreamweaver cs4 でホームページの作成を始めたものです。 初心者レベルなので直接コードを触ったことはほとんどありません。 画像を左に、ナビゲーションバーを右に置きたいのですが、どうしてもうまくいかないんです。上の画像のようになってしまいます。テキストの場合、回り込みの設定をするなどしてうまくいったことがあるのですが、下の画像のように配列するにはどこの設定をすればいいのでしょうか?? どうぞよろしくお願いします。

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

  • ベストアンサー
  • chikotto
  • ベストアンサー率46% (23/50)
回答No.2

CSSというものを使えば思い通りにいきますけど、 それはなかなか難しいかと思いますので、テーブルを使うのはどうでしょうか。 Ctrl+ALT(MacはOption)+Tでテーブル出せますよ。

riko421
質問者

補足

ありがとうございます。 ナビゲーションバーに対してテキストなどが左に回り込む設定をしたらうまくいきました。

その他の回答 (1)

  • taporu
  • ベストアンサー率44% (46/104)
回答No.1

表を使いましょう。 右と左に分けることができます。

riko421
質問者

お礼

ありがとうございます。 ナビゲーションバーに対してテキストなどが左に回り込む設定をしたらうまくいきました。

関連するQ&A

  • ナビゲーションバーを配置すると隙間ができてしまいます・・

    adobeのCS4シリーズのphotoshop,illustrator,fireworksのいずれかを使ってナビゲーションバーを作りたいと思っています。 今回、fireworksを使用して画像をボタン化、そしてアップ画像やダウン画像を作成、最後にアクティブ領域(ボタンと同じ大きさ)を指定してdreamweaverでdivタグの中に挿入しました。divはcssで横幅805に指定してあります。 ナビゲーションバーはボタンが6つ横並びにあり、横幅は全部で760です。 ナビゲーションバー単独でブラウザにて確認した際は隙間などなかったのですが、dreamweaverに挿入するとdivの横幅805を超えてナビゲーションバーのテーブルは900近くの幅で表示されています。 ボタンとボタンの隙間は1ピクセルずつに設定したはずが、20ピクセルほども空いています。 どこの設定を誤ったのか全く分からないので、こちらでご相談させていただきました。 解決法、おわかりの方いらっしゃいましたらお願いします。

  • 散らばった画像が右から左へ動くホームページの作り方

    私はHTMLを少し勉強しまして、Dreamweaverでweb製作をしたことがある程度の初心者です。 JQueryも本を読みながら、何とか少し使いました。 JavaScriptとHTML5は勉強しておりません。 この度小さなお菓子やさんを開くことになり、そのホームページを作るのですが、 トップページを次のようなものにしたいと思っております。 1.大小様々な円形の画像が、水玉模様のように散らばっている。 2.その画像は右から左にゆっくりと、ずっと動いている。左に消えた画像はまた右から出てくる。 3.画像にカーソルを置くと画像の動きが止まり、その画像(お菓子)の 説明が表れる。(表れ方はまだ考えておりません。) お手本になるようなサイトやJQueryプラグインのサンプルが見つからず、 何かヒントやサイトをご存知でしたら教えていただけないでしょうか。 スマートフォンへの対応は後にしまして、まずはPC・タブレット用の ページを作りたいと思っております。 よろしくお願いいたします。

  • 画像が右から左に

    http://www.appom.co.kr/ の上から30cm位のところにある、画像が右から左に流れ、マウスを当てると止まり、画像にリンクがはってあるようなデザインがあります。 これを実現するにはどうしたらいいんでしょうか。よろしく御願い致します。dreamweaver使ってます。ウェブデザイナーです。

  • ナビゲーションバーが動かない?

    以下のようなサイトをdreamweaverCS4で作りました。 http://www.geocities.jp/de_chirico_1911/navi_futyou 左側にメインのナビげーション、右側にサブナビゲーションを付けてナビゲーションの間の画像を入れ替えようとしています。 リンク自体は有効になるのですが、オンマウスで文字が光るようにしたはずなのに光らなくなっています。 ナビゲーションバー単独でアップロードすると光るので、ナビゲーションバーそのものに問題あるわけではなさそうです。 配置が悪いのでしょうか? 以前、ナビゲーションバーの右と左を入れ替えたものを作ったときは問題なく作動しました。 お分かりになる方、いらっしゃいましたら教えていただけませんか?

  • dreamweaver cs4について。

    dreamweaver cs4について。 dreamweaver cs4にてホームページ作成時、画像のようにswfファイルの横にテキストまたはテーブルを表示させるにはどのようにすればよいのでしょうか? コードの書き方など、どなたかお力をお貸し下さい。 よろしくお願いします。

  • ドリームウィーバー ナビゲーションバー

    ドリームウィーバー初心者です。 CS3を使用していますが、ナビゲーションバーのダウンイメージで質問があります。 ナビゲーションバーを挿入して色の設定などを変えていたところ、間違えて違うところの設定を変えたようで、ダウンイメージが外側ではなくナビゲーションバーの内側に表示されるようになりました(かなりみにくい状態です)。 あせりながらいろいろ設定を変えているうちに、今度はダウンイメージバーが常に表示されっぱなしになってしまいました。 設定自体をえてしまったようでディフォルトに戻そうと思ってもやり方が見つかりませんでした。 どなたか元通りになる方法を教えていただけないでしょうか。 宜しくお願いいたします。  

  • photoshopで画像を左から右へ透明に

    photoshop cs2を使用しています。 背景には模様が入っています。 その上に画像を配置し、その画像を左から右へ徐々に透明にしたいのです。 背景がベタだったら、画像のレイヤースタイル等でそのように見せることは可能だとおもいますが、柄ものだとどのように対処していいかわかりません。 今までは、消しゴムツールを大きくして、硬さを0%でそれとなく見せていましたが、あまりキレイにいきません。 単順に、画像の左端を透明度0%、右端を透明度100%とかってできないんでしょうか? どなたかご教授おねがいします。

  • Flash CS5 にて大きな画像を右から左へ移動させるのにカクカク表

    Flash CS5 にて大きな画像を右から左へ移動させるのにカクカク表示されます。 この対処として何かございませんでしょうか?

  • ボタンを画の左に・・

    HP上に、左に画(画像)、右にテキストを挿入したいのですが、どうしても画像の下にテキストがいってしまいます。 img=・・・・で画像を入れた後、そのままテキスト(タグ)を挿入しますと下に表示されます。 右に表示できませんか?

    • ベストアンサー
    • HTML
  • CSSで左に画像、右にテキストを並べたい。

    CSSで左に画像を置いて右にテキストを同じ列で並べたいのです。 (●=画像 ▲=テキスト) 現在の表示は ●▲ となっているのですが、これを ●     ▲ と表示して画像は左端、テキストは右端にしたいのです。<td>で区切ればできると思うのですが、これをCSSだけで何とかできないでしょうか? 色々試したのですが、どうしても下のように改行してしまいます。 ●       ▲ ソースは以下です。 <table border="0" cellpadding="0" cellspacing="0" width="750" > <tr> <td colspan="2" id="head"><img src="img/777.gif" border="0">おはよう</td> </tr> </table> 外部CSS #head{background-color:#009900 width:750px; height:60px; margin-right:5px} どなたか宜しくお願い致します。

    • ベストアンサー
    • HTML

専門家に質問してみよう