- ベストアンサー
センタリング
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんばんは 確認ですが、”ここ”と言う文字をクリックすることで リンク先の XXX.jpg の画像が開くようにしたい ということですよね？ たとえば小さい画像があって、拡大画像が見れるように したい時みたいに。 そういう場合は＃１の方もおっしゃってますが 画像そのものにリンクをするのではなくて 画像を表示させるタグが書いてあるだけのHtmlファイルに リンクさせたほうが融通が利きます （センタリングしなくて良い時なんかはそのままでも okですが） たとえば、a.htmlと言うファイルがあって そこからクリックで test.jpgと言う画像を 表示するhtmlファイルである b.htmlに飛ぶように してみてください 各ファイルのタグはこんなかんじでOKです （階層は各ファイルがある場所に直してくださいね） a.htmlに <a href="b.html">ここ</a> というタグを入れておいて b.htmlは <html> <head></head> <body> <div align="center"><img src="test.jpg"></div> </body> </html> これで、「ここ」をクリックすると 真中に画像が表示されたページが開きます
その他の回答 (1)
- rightegg
- ベストアンサー率41% (1357/3236)
こんにちは。 リンク先はリンク先のソースの問題ですよ。 この場合リンクのテキストは無関係。 jpgに直ではなく、簡単にHTMLを書いて中央表示させれば完了です。
お礼
ありがとうございます
関連するQ&A
- イメージをセンタリングさせてかつ改行させない
イメージをセンタリングさせるために <img ...> を <div> で囲んで <div> に対して「text-align: center; 」か「display: block; margin-left: auto; margin-right: auto;」を指定すると中央に表示されますが、前後に改行がはいってしまいます。 イメージの前後で改行させないように「display: inline-block; _display: inline;」を指定すると今度は端によってしまいます。 中央に表示してかつ前後に改行をいれないような指定方法はあるのでしょうか？
- ベストアンサー
- CSS
- DIVタグでの表のセンタリング
ウインドウズXPプロ、ホームページビルダーV6.5でページを作成しています。エクスプローラーでの表示は全く問題ないのですが、ネットスケープ7.1やオペラ7.54で表示すると、DIVタグでセンタリングした表やHタグの背景がセンタリングされません。左寄りに表示されます。テキストや画像はセンタリングされています。 <DIV align="center"> や <DIV style="text-align:center"> ではネットスケープやオペラで表やHタグの背景をセンタリングすることは出来ないのでしょうか。
- 締切済み
- ホームページ作成ソフト
- CSSで画像を中央配置（センタリング）する方法について伺います。
CSSで画像を中央配置（センタリング）する方法について伺います。 ※ボックスのセンタリングではなくて、ボックス内の画像のセンタリングです。 単純に text-align:center; で中央配置されましたが、テキストが入っていないボックスでも、このタグで文法的には問題ないのでしょうか？ header内にphoto.gif画像が入っている場合。 CSS #header{text-align:center;} HTML <div id="header"> こんな単純で良いのでしょうか？ 初心者なので、とんちんかんな質問だったら申し訳ありません。
- ベストアンサー
- HTML
- センタリング表示
イラストレータでデザインし、スライスしてCSSでWeb用に保存。 ホームページビルダー11で編集していますが、センタリング表示が出来ません。 下記のようなタグを入れましたがNGでした。 <body> <div align=”center”> ・・・ ・・・ ・・・ </div> </body> 次のタグでも同様でした。 <body> <center> ・・・ ・・・ </center> </body> なるべくテーブルにはしたくないので、解決策をご指導下さい。
- ベストアンサー
- ホームページ作成ソフト
- cssでメインコンテンツをセンタリングする方法
cssでメインコンテンツをセンタリングする方法に関する質問をお願いいたします。 下記のサイトなどをみると、 http://www.css-lecture.com/log/css-beginner/026.html *xhtml <body> <div id="wrapper"> <h1>サイト全体を中央に配置にする</h1> <p>サイト全体を中央に配置にする為のテキスト</p> <!--/ #wrapper--></div> </body> *css body { text-align: center; } div#wrapper { width: 800px; margin: 0 auto; text-align: left; border: 1px solid #FF0000; } （1）「body」においてもセンタリングを行っているいるのですが、 それはどうしてでしょうか。 「div#wrapper」だけのセンタリングでは不十分なのでしょうか？ ＞ body { text-align: center; } ＞ （2）また、「p」などのインライン要素は { text-align: center; } を使い、 「id」などのブロック要素は { margin: 0 auto; text-align: left; } を使いますすが、 body要素に対しても、 { text-align: center; } とすることが出来るのでしょうか？ (3)あと、「div#wrappe」で囲ったブロックの中の 「p」や「id」で囲ったコンテンツの中身のテキストは 「div#wrapper」の「 text-align: left; 」で 全て左寄せになりますか？ 参考書などを見ても解りづらかったので 教えていただきたくお願い致します。m(_ _)m その他参考URL: http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1010809440
- ベストアンサー
- CSS
- Firefoxだと無効なのかなあ…
自分で作ったページなんですが、スタイルシートで、 div{text-align:center;} と指定してからdivタグでセンタリングしたいところをはさんでいます。 IEで見てみると文章も画像もテーブルもきれいに全部センタリングされてるのですが、Firefoxで見てみるとテーブルだけ左に寄ってしまいます。 やっぱりきちんと <table align="center"> って指定しておかないとだめでしょうか？
- ベストアンサー
- ブラウザ
- FireFox2.0でCSSを使ってテーブルそのものをセンタリングしたい
IE６だと #wrapper { text-align: center; } <div id="wrapper"> <TABLE border="1"> <tr><td>テキスト</td></tr> </table> </div> とやればテーブルそのものがセンタリングされるのですが、 FireFox2.0だと左に寄ったままです。 CSSを使わずに<center>で囲めばセンタリングされますが、 そうではなくてCSSを使ってやるやり方はないでしょうか？
- ベストアンサー
- HTML
- リストの「・」をセンタリングする方法について
<ul style="text-align:center"> <li><a href="XX">項目１行目</a></li> <li><a href="YY">項目２行目</a></li> </ul> このようにしてリスト表示をセンタリングさせており、 ブラウザチェックをしていたらFire Fox(3.5.8)、Chrome(4.0.249.89)、safari(4.0.4) で表示が ・ 項目１行目 ・ 項目２行目 となってしまい、文字はセンタリングしてくれましたが、「・」がブラウザの左端に寄ってしまい センタリングしてくれません。他のブラウザ(IE、opera)では「・」もセンタリングされているのですが… テーブルの時も同じような現象に陥ってしまい、 margin-left:auto;margin-right:auto;と指定する事で回避出来たのですが、 今回も同様の方法で<ul style="margin-left:auto;margin-right:auto;">やってみましたが、無反応… で、今度はautoではなくてpx数で指定すれば上手く「・」が移動してくれたのですが、ブラウザ画面を 小さくしてしまうと文字が潰れてしまい、断念。 更にlist-style-type:none;で指定してやれば見た目的にはセンタリングしていますが、「・」が無いので いまいち… どのようにしたらこれらのブラウザでちゃんと「・」がセンタリングするようになるのでしょうか？ よろしくお願い致します。
- ベストアンサー
- HTML
- CSS/float内のセンタリング
下記の記述でsideconteをsideWrap内にセンタリングしたいのですが、うまくいきません。sideWrap内に記述したテキストはセンタリングされるのですが、sideconteは思った通りに、配置できません。どのように記述すれば、よいでしょうか？ <html lang="ja"> <head> <style type="text/css"> #sideWrap { width:220px; float:right ; background-color: #fec000; text-align:center; } .sideconte { width:175px; background-color:red;text-align:center;} </style> </head> <body> <div id="sideWrap">text1 <div class="sideconte"> text2 </div><!-- /sideconte --> </div><!-- /sideWrap --> </body> </html>
- ベストアンサー
- HTML
- bodyのセンタリングとwidthの指定について
スタイルシートで以下のように指定しbodyをセンタリングします。 -----CCS----- html{text-align:center;} html,body{height:100%;} body{ margin:0px auto; width:580px; text-align:left; } -----HTML4.01 strict----- <html> ： <body> <h1>・・・</h1> <ul>・・・</ul> <h2>・・・</h2> <p>・・・ <h2>・・・</h2> <p>・・・ ---------- これをwin IE6で確認すると、h2以下の内容がbodyの外（画面100%の直下）にはみ出します。 win Safari5でも同様です。 IE6では、body直下にコンテナとしてdivを置きwidthを指定してやれば解決します。 Safari5ではbody直下にコンテナとしてdivを置くだけで解決します。 なぜこのような現象が起きるのでしょうか？ htmlにtext-alignを指定したりbodyを直接センタリングしているので不安は少々あるのですが…。 h2以下が下がる原因としてh1とulとの相違点(margin-topの指定や文字センタリング)を確認し修正してみたりしましたが解決はしませんでした。 なお、フロートや固定などの表示方法は指定していません。 原因を推察できる方、ぜひ回答お願いいたします。 こういった指定をしていないか、など上記の記述が足りなければご指摘ください。
- ベストアンサー
- HTML
お礼
ありがとうございます