- 締切済み
拡大表示で表示範囲が狭くなるのを防ぎたい
最近目が悪くなってきたので、大きいモニタ（24型、1920x1200）を購入して広い画面でフォントを大きくして表示しています。 でもWebのページで大きな文字にすると、表示範囲が狭くなって、たとえば「36文字で改行」が「11文字で改行」にされてしまい困ってます。 たとえば、 http://mroom.cool.ne.jp/windows/font/index.html では、 <table width="500" border="0" align="center" cellpadding="0" cellspacing="0"> という指定があるので、横500ドットで改行されるわけですよね。 これを無視する・文字サイズに応じて拡大解釈してくれるブラウザあるいはFirefoxのプラグインはないのでしょうか？ せっかく大画面のモニタに変更したので、画面いっぱいに表示させたいです。
- usatan2
- お礼率80% (549/682)
- ブラウザ
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- crepon133
- ベストアンサー率51% (399/776)
Operaの利用をおすすめします。 アクセシビリティ関係では一番進んだブラウザだと思います。 ユーザーモードで表(table)の属性を無効にするという機能もあります。
- MAN_MA_RUI
- ベストアンサー率41% (426/1024)
リキッドデザインでないとこういうとき不便ですね。 > 文字サイズに応じて拡大解釈してくれるブラウザあるいはFirefoxのプラグインはないのでしょうか？ プラグイン≠拡張機能 http://ja.wikipedia.org/wiki/%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD_(Mozilla)#.E7.AA.93.E3.81.AE.E6.9D.9C.E3.80.8C.E3.83.97.E3.83.A9.E3.82.B0.E3.82.A4.E3.83.B3.E3.80.8D.E5.95.8F.E9.A1.8C Geckoの仕様により今のところFirefoxではズーム機能が使えなかったはずです。 ズーム機能がつかえるブラウザって言うとIE7や一部のIEコンポーネント系とOperaですね。
関連するQ&A
- テーブルの配置
お忙しいところすみません。たぶんＣＳＳでレイアウトした方がいいと思うのですが、よく分からないのでとりあえずテーブルでレイアウトしています。 テーブルの入れ子にせずにレイアウトをしたいのですが、ブラウザーで確認すると、文字サイズを小さくすると、真ん中の左右に並べたテーブルが上下のテーブルの位置からはみだしてしまいます。 何かタグを付け加えるとうまくいくのでしょうか？ ・まず、ページの上にタイトルやボタンを配置するテーブルを置き、 <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> ・その下に左右にテーブルを配置し、内容を書き、 <table width="49%" border="0" align="left" cellpadding="0" cellspacing="0"> <table width="49%" border="0" align="right" cellpadding="0" cellspacing="0"> ・その下にまたテーブルを置いて、コピーライトを表示させる <table width="98%" border="0" align="left" cellpadding="0" cellspacing="0"> 省略してタグを書いていて、分かりにくければ申し訳ございません。教えていただけるとうれしいです。どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
- ヤフオクのテンプレートでバックグラウンドを使いたい
今、オークション用のテンプレートを作ってるのですが、テーブルの背景に、 <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> と言った感じで画像を背景に配置したいと考えていますが、どうやってもうまくいきません。 プレビュー表示の段階で、ソースコードを見てみたのですが、ちゃんと設定されているにもかかわらず、背景画像だけが表示されません。 別の方法で、 <div style="background-image:url(http://www.000.com/000.png);"> でも試して見ましたが、同じ結果でした。 背景画像の上に「商品説明」などの画像を重ねて配置したいので、どうにか上手くできる方法がありましたら是非教えて下さい。 ※上に重ねる画像だけが表示されます。 参考までに今編集中のソースを貼っておきます。 <center> <table width="900" height="1000" border="0" cellspacing="0" cellpadding="0" background="http://000.com/000.png"> <tr> <td align="center" valign="top"><br /> <center> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/001.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 商品説明 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/002.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 発送方法 </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/003.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> お支払い方法 </p></font></td> </tr> </table> <br /> <br /> <br /> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://000.com/004.png"></td> </tr> </table> <table width="650" border="0" cellspacing="0" cellpadding="5"> <tr> <td><font color="#a00e15"><p align="left"> 注意事項 </p></font></td> </tr> </table></td> </tr> </table> </center>
- ベストアンサー
- オークション
- テーブル内の改行のズレ
テーブル内で、文字の並びを縦横揃えようと思い、MSゴシックを使っています。幅を指定しているので、自動改行されるのですが、微妙なところでズレてしまいます。"。"の文字が影響しているようなのです。 例１）では、 ＡＢＣＤＥ ＡＢＣＤＥ となり、 例２）では、 ＡＢＣＤＥ ＡＢＣＤ Ｅ。 となります。 例２）を ＡＢＣＤＥ ＡＢＣＤＥ 。 とするには、どうしたらいいのでしょうか？ 例１） <table border=1 width=90 cellspacing=0 cellpadding=2> <tr> <td><font face="ＭＳ ゴシック"> ＡＢＣＤＥＡＢＣＤＥ</font> </td> </tr> </table> 例２） <table border=1 width=90 cellspacing=0 cellpadding=2> <tr> <td><font face="ＭＳ ゴシック"> ＡＢＣＤＥＡＢＣＤＥ。</font> </td> </tr> </table>
- ベストアンサー
- HTML
- htmlで改行タグを入れていないのに改行される
WINXPのメモ帳を使い、手打ちでhtmlを書いているのですが、 改行タグを入れてないのに４行分も改行されてしまい困っています。 （異常に空白があったので、反転させたら分かりました。） ！<div align="center"><br> ！<font size="+2">- MUSIC - </font><br> ！<table border="0" cellpadding="1" cellspacing="0" width="90%"> の、tableから上に４行空白が出来てしまいます。 どうしても直したいので、分かる方は教えてくれないでしょうか。
- ベストアンサー
- HTML
- 楽天ブログ・日記の下に表示のおすすめアイテムって・・・。
ブログ初心者です。 いつかはアフェリエイトまでできると良いな～と思っていますが、まだその前の段階ですでにつまづいております・・・（汗） メインの日記の下に、おすすめアイテムを載せられるように設定したのですが、こちらの画像は私自身で気にいった商品を載せられるのですよね・・・。 （もしかして、楽天の広告ページ？？） 【Recommend Item】ってタイトルに出ています。 今まで、自動的にブログの内容に合うようなアイテムが表示されているような気がしますが、好きな雑貨などを載せたいのですが・・・。 もし自分で出来るならどのように画像を載せればいいのでしょうか？？ たとえばですが、アフェリエイトのやり方のページで出ていたこの商品を載せたい場合、この部分をどこに載せるとブログのおすすめアイテムに載せられるのか教えてください。 すみません・・・。 パソコンが苦手で、↓これも間違っているのかな？と思っています。 <a href="http://***" target="_blank"> .:*:.*.:*:.2本ベルトのフォーマルシューズ .:*:.*.:*:. </a> ************** さらに、画像の載せ方が分からないのですが、こちらのテンプレートを製作した方は全然ブログをされていないようなので、もし、分かる方でいらっしゃったら教えてください！ コチラは、トップやアフェリエイト部分のテンプレートらしいのですが 。 <center><table cellspacing="3" cellpadding="0" width="560"><tr><td width="33%"><table bgcolor="#ffffff" cellspacing="0" cellpadding="0" style="border:2px solid #CCFFFF"><tr><td style="border:12px dotted #E0FFFF"><table cellspacing="0" cellpadding="2" style="border:2px dotted #CCFFFF" bgcolor="FFFFFF" width="140" height="140"><tr><td align="center" valign="middle">画像１</td></tr></table></td></tr></table></td><td width="34%"><table bgcolor="#ffffff" cellspacing="0" cellpadding="0" style="border:2px solid #CCFFFF"><tr><td style="border:12px dotted #E0FFFF"><table cellspacing="0" cellpadding="2" style="border:2px dotted #CCFFFF" bgcolor="FFFFFF" width="140" height="140"><tr><td align="center" valign="middle">画像大２</td></tr></table></td></tr></table></td><td width="33%"><table bgcolor="#ffffff" cellspacing="0" cellpadding="0" style="border:2px solid #CCFFFF"><tr><td style="border:12px dotted #E0FFFF"><table cellspacing="0" cellpadding="2" style="border:2px dotted #CCFFFF" bgcolor="FFFFFF" width="140" height="140"><tr><td align="center" valign="middle">画像３</td></tr></table></td></tr></table></td></tr><tr><td colspan="3" align="right"><font style="font-size:10px"> </a></font></td></tr></table></center> 画像１・２・３の部分に、何を入れるとショップの商品とリンクするのでしょうか？？ どうぞ、よろしくお願いいたします。
- ベストアンサー
- ブログ
- テーブルの高さを100%にしたけど表示では100%になっていない
<table width="600" height="100%" border="0" cellpadding="0" cellspacing="0">～</table> と記述しているのですけど、高さが100%になりません。 どのようにすれば高さが100%になってくれるのでしょうか？
- ベストアンサー
- HTML
- テーブルの横幅を常にブラウザ一いっぱいに表示するに
テーブルの横幅を常にブラウザ一いっぱいに表示するには？ たとえば *********************************************** <HTML> <HEAD> <TITLE>test</TITLE> </HEAD> <BODY> <table border=1 cellspacing=0 cellpadding=0> <caption>キャプション</caption> <tr> <td>内容1</td> <td>内容2</td> </tr> </table </BODY> </HTML> *********************************************** を作ると、画像のようにコンパクトに表示されてしまいます。 やりたい事はブラウザの横幅が １０cmなら画面いっぱいテーブルを表示させて、 ２０ｃｍなら画面いっぱいにテーブルを表示させたいです。 <table border=1 cellspacing=0 cellpadding=0 width="2000"> するとはみ出してしまうし、 <table border=1 cellspacing=0 cellpadding=0 width="1000"> だと小さすぎます。 誰がどのブラウザで開いても、横幅は画面いっぱいに入るように表示するにはどういうタグを書けばいいのでしょうか？
- ベストアンサー
- HTML
- お世話になります。htmlの質問です。
ただいまテーブル設置のことで悩んでます 更新履歴とTOP絵のテーブルがつながってしまうのです 別々にわけたいのですがいじればいじるほどサイトがめちゃくちゃになります。 自分の今のタグです。 <table width="300" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="black"> <tr><td> <table border="0" cellspacing="0" cellpadding="6" bgcolor="#FFFFFF" width="300"> <tr><td COLSPAN="6"><FONT COLOR="black"> <IMG src="img/top絵.png" border="0" align="left"> <TABLE width="100" border="0" align="right" cellpadding="1" cellspacing="0" bgcolor="#FFFFFF"> <TR> <TD BGCOLOR="black"> <FONT COLOR="white"><SMALL><B>◆更新履歴。</B></FONT> </TD> </TR> <TD> <style><!--textarea,input{ background-color:#FFFFFF; filter:Alpha(opacity='70'); font-size:x-small; }--></style> どうすればいいようになるんでしょうか？ <textarea rows="5" cols="85"> サイト開設しました。
- 締切済み
- その他([技術者向] コンピューター)
- コンテナ内で文字を中央に表示したい
<div> <table border=0 cellspacing=0 cellpadding=0 style="width: 100%; height: 100%;"> <tr> <td style="text-align: center; vertical-align: middle;"> Hello! </td> </tr> </table> </div> のように、テーブルを使わずに（できればCSSなどで）divタグ内のテキストを中央に表示したいのですが、できますか？ よろしくお願いします。
- ベストアンサー
- HTML
- 入力したHTMLがちゃんと表示されるか確認したい
以下のように入力したＨＴＭＬをちゃんとブラウザで表示されるか確認したいのですが、どうすれば良いのでしょうか？（下の入力内容は気にしないでください） -------------------------------------------------------------------------------------------------- <table align="center" style="border-spacing: 0px;width:100%;"><tr><td><div id="EBdescription"> <!-- Begin Description --><table border="6" bordercolor="#72799E" cellspacing="0" cellPadding="10" width="70%" align="center"> <!-タイトル＋写真 ここから--> <tr><td> <center> <font size="6" face="Tunga" color="#122276"> <b>◆FANTA GRAPE◆</b> </font> </center> </td></tr> <tr><td><br> <center> <font face="Arial">
- ベストアンサー
- HTML
