- 締切済み
横一列に並べたい（Ｄｒｅａｍｗｅｖｅｒ）
deeamveaverでホームページを作っているですが、タグをいうかクリックしたいボタンを横に一列に並べたいのですが（お店情報、メール、リンクなどなど）dremではきちんと横に並んでるのですが、ブラウザで見ると、隣と隣にスペースみたいのが勝手にできていて、一列に並びません。原因がわかりません、ソースか何かでしょうか？何か方法はありますか？
- nisemu-ko
- お礼率3% (3/79)
- ホームページ作成ソフト
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- sakukiyo
- ベストアンサー率40% (43/107)
たとえば画像をテーブルに配置したとして <td><img src="photo.gif" width="100" height="100"> </td> のように、全角スペースがイメージの後に 入っているのでは？ 削除したらなくなると思います。
関連するQ&A
- submitボタンを横一列複数リンクするには?
自分のHP作成中に困っています。 OSはWindowsME，ブラウザはIE5.5です。 body内に設定したformの複数のsubmitボタンに それぞれリンクを張って、ページ中央に 横一列に並べたいのですが、以下のpにCSSで p { text-align:center; white-space:nowrap; } と設定しても、ボタンが中央に縦一列に 並んでしまいます(リンクは張れたのですが)。 <p> <form action="index.html"> <input type="submit" value="top"> </form> <form action="about.html"> <input type="submit" value="about"> </form> ： </p> ※実際のHTMLは<p>から全て改行無しで並べて います。全部で5個のボタンです。 CSSをやめて<p>の後のHTMLに<nobr>を書いても だめでした。縦一列だと場所も取るし、見栄えも 悪いのです。 当初はinputのtypeを"button"にして <input type="button" onclick="location.href='index.html'"> の様にして複数並べてみたのですが、このHPは PCと同時に出来れば携帯(i-modeだけでも)対応に したいので、上記の方法だとPCではOKでも 携帯(i-mode)からだとボタンを押しても何も 変わらないのです(docomoサイトで調べた所、inputで "button"は未対応なのと、携帯はJavaScript未対応 だからなのでしょうか?)。 submitボタンで上記の希望を満たせれば、携帯でも PCのデザイン的にもOKかな?と思うのですが、 どうしてもボタンを横一列に並べられず、困っています。 こういった事は不可能なのでしょうか? どなたかお教え下さいます様、お願い致します。
- 締切済み
- HTML
- 写真を横一列に並べると大きいほうの画像はすべて同じになるのはなぜ？
gooの無料ブログを利用しています。 HTMLエディターのほうで写真を横一列に複数枚並べてその下の行にその写真の説明を入れようとしています。 その場合、写真はきれいに横一列に並ぶのですが、投稿後に自分のブログから、写真をクリックして大きい画像を見ると、すべての写真がその一列に並んでいる写真の一番右端の写真になってしまっています。 小さいほうの写真と大きいほうの写真が全く違うものになっているということです。 最初はURLを入れ間違えたのかと思いましたが、何度やり直しても同じでした。 写真の掲載方法は、新規投稿の画面の写真のアイコンを押してURLを貼り付け、その後ろに"align="left" hspace="5" vspace="10" border="0">と入れています。 大きいほうの画像を入力するときは同じURLの後ろに/>align="left" と入力しています。 複数枚これを繰り返し、一番右端の画像を入れたあと、 <br style="clear: both"> と入力しています。 何が原因しているのでしょうか。 よろしくお願いいたします。
- 締切済み
- ブログ
- どうしてもボタンが横一列に並ばないのです (/_;
WordPress日本語版3.01利用中です。 現在テーマをカスタマイズ中ですが、ソーシャルブックマークをsingle.phpに追加したところ、3つあるボタンのうち、2つは横に並ぶのに3つ目のボタンがどうしても改行された状態で表示されてしまいます。 原因は何が考えられるでしょうか。週末つかって頑張ったのですが、どうしても解決にいたりません。ノイローゼになりそう (/_;) single.phpのボタン表示を記述している部分です。 <div class="social"> <div class="tweet_button"> <a href="http://twitter.com/share" class="twitter-share-button" data-text="<?php the_title(); ?>" data-url="<?php the_permalink() ?>" data-count="horizontal" data-via="自分のID">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div> <div class="hatebu_button"> <a href="http://b.hatena.ne.jp/entry/<?php the_permalink() ?>" class="hatena-bookmark-button" data-hatena-bookmark-title="<?php the_title(); ?>" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script></div> <div class="facebook"> <fb:like href="<?php the_permalink() ?>" layout="button_count" show_faces="false"></fb:like></div> </div> ※facebookはiflameのパターンも試しました。上記はAppID取得による短縮コードで表示じたいに問題はありません。 CSSは、 /* Begin Social Media */ div.post .social { margin-top: 2px; } div.post .social .tweet_button { float: left; display: inline; width: 100px; } div.post .social .hatebu { display: inline; } div.post .social .facebook { display: inline; } div.postcontent { clear: both; } /* End Social Media */ です。いったいどこの何が問題で3つのボタンが横一列にならないのでしょうか？？？ 皆さん教えて下さい。さんざん時間も頭もつかったけれど、解決できないでおります。 Twitter はてブ ←は、横に並ぶ facebook ←が、こんなふうに改行されてしまう。 Twitter はてブ facebook と並べたいのです・・・・・。宜しくお願いします！
- 締切済み
- ブログ
- スタートの横のタグの題名が出ません
スタートの横のタグ（画面左下のスタートの隣にサイトを開いたときに出るタグこのページです教えて！のタグ） 題名が出ませんそうなりますとお気に入りボタンが押せづ困っています。 一度全てのウインドウを閉じるかそれでも駄目な場合は再起動すれば治りますが仕事でＰＣを使っているのでとてもストレスがたまります。 分かる方教えてください ウインドウズＸＰです
- ベストアンサー
- Windows XP
- テーブルの中で、画像の横に画像を表示
意味不明なタイトルをクリックしてくださってありがとうございます。 さっそく質問ですが、 問題のテーブルがある私のブログです。同盟などの小さな画像をテーブルタグの中に敷き詰めています。 ですが、縦長の画像がありまして、普通に画像のリンクを並べているだけでは、その画像の隣だけへんな空間ができてしまいます。なので、次の画像がその縦長の画像の横に来るように<img>タグの中に、style="float:left"というのをつけてみたのですが、その下からテーブルが途切れて、悲惨なことになってしまいます。 どんなタグを使えば、テーブルが途切れなくなりますか？？
- ベストアンサー
- HTML
- 背景の統一の仕方
ホームページさくせいで悩んでいます。 よくトップページなどで複雑な画像の上に「メニュー」「トップページ」「商品詳細」等のボタンが付いているページを見かけます。私もグラデーションがかかった背景にボタンを設置したいのですが、どうしても背景に境目が出来てしまい、うまくいきません。横一列にボタンを５つ置きたくて、テーブルタグを横に5つ作ってボタンを設置、その上にお店の看板を設置、すべて一つの統一されたグラデーション背景で製作したいのです。リンクを張る場合の方法が、セル毎にリンクを張る方法しか知らず苦戦しています。 お分かりの方いらっしゃいましたらご教授くださいませ。 わかりにくい文ですみみません。
- 締切済み
- ホームページ作成ソフト
- 横にスムーズスクロールしたい
以前似た質問をしたのですが少し進展があったのでもう一度質問させて下さい。 私はjavascriptにはほとんど詳しくないものです。 複数のリンクを横に並べ、「次へ」のボタンをクリックすると横にスムーズにスクロールするjavascriptを組みたいと思っています。 今考えているのは http://youmos.com/reference/smooth_scroll.html こちらのサイト様の横バージョンを作りたいと思っています。 色々と試行錯誤してみましたが横にスクロールすることがうまくできなかったためどなたかご教授願えないでしょうか… 宜しくお願い致します。
- ベストアンサー
- JavaScript
- ホームページビルダーで横に長い表を作るときれいに表示されない
ホームページビルダー6を使用して表を作成しています。 OSはWIN98、14.1インチノートPCです。 横に長い表を作成しているのですが、標準モードで作成していると、入力する文字数が多いのか作成画面やプレビューで見ると勝手に改行されているように表示されてしまいます。 HTMLソースはきちんと入力しています。 表は項目と数字が並んだ表で項目の文字数がけっこう多いです。 ●一例 ～ソースを見ると～ ＜タグ＞あいうえおかきくけこ＜タグ＞ ～作成画面およびプレビュー画面を見ると～ ・あいうえおかきくけこ・ （「・」は表の罫線だと思ってください。）と表示されてほしいのに ・あいうえおかき・ くけこ となってしまいます。 フォントサイズは１にしています。 これはPCの画面のサイズが小さいから仕方のないことなのでしょうか？大きい画面（17インチとかそれ以上）の画面で見ればきれいに表示されるのでしょうか？ 説明が下手ですみません。 情報足りないところがあれば補足しますのでどなたか教えてください。
- ベストアンサー
- その他(ソフトウェア)
- 横スクロールバーが表示されてしまう
ホームページを作成中なのですが、横幅の余白はあるのにのに横スクロールバーまで表示されてしまいます。 フレームを使用していて、そこにTABLEタグを入れるとどうやら必ず表示されるみたいです。html{overflow:hidden;}のタグを入れていますが、それでもだめみたいです。TABLEなしにすると横スクロールバーは表示されないのですが、デザイン上TABLEは使いたいのでカットは無理です。 解決方法が分かりません。どなたがアドバイスよろしくお願いします。HTML初心者なのでできれば分かりやすい説明をお願いします。 ちなみに使用しているブラウザはIE6です。
- 締切済み
- HTML
- リンク先ページを別ウィンドウに表示すると元ページのURLの最後に＃が付いてしまいます。
ホームページを作成しましたが、リンク先ページを別ウィンドウに表示すると元のページのURLの最後に＃が付いてしまいます。 初めにで作ったサイトをブラウザ(safari3,firefox2)で見たときは、URLの欄にhttp://◯◯◯.web.fc2.com/となっていますが、そのページにあるリンク（リンク先ページを別ウィンドウに表示する）をクリックすると、初めに開いていたURLがhttp://◯◯◯.web.fc2.com/＃と勝手に変わってしまいます。 一度ページを閉じてから開き直すと元に戻るんですが原因が分からず困っています。 どなたかアドバイスいただけないでしょうか？ PCはMac OSXでホームページはDreamweaver CS3とタグ打ちで作成しました。
- ベストアンサー
- ホームページ作成ソフト
補足
テーブルでやっても同じ現象です・・・・ ブラウザで見たときにボタンの左下にクリック すると透明の画像らしきものがボタンと一緒に くっついています・・deamveaverではそのような 現象は起きないののですが・・・