• 締切済み

HTMLタグについて

ビルダーを使ってHP作成中なのですが、文字の自動折り返しに使うBLOCKQUOTEを入力しても自動折り返しがききません、どうすればいいのですか、それから、Layer を使っているせいかわかりませんが、画面を縮小してもLayerを使った部分だけは 画面から隠れてしまいます、画面を縮小したときは左に自動折り返しが出来るよう したいのです教えて下さい最後にノートとデスクで確認にたら、画面表示が ぜんぜん違いますこれを同じように表示できないものでしょうか？ P align="を使って幅、高さを変えてみてるんですが、できません 御願いします。 以下がindexの一部です。 </HEAD> <BODY> <DIV style="width : 274px;height : 25px;top : 531px;left : 353px; position : absolute; z-index : 1; visibility : visible; " id="Layer1"><FONT color="#009900"><SUB>InternetExplorer4.0以上でご覧下さい。</SUB></FONT></DIV> <P align="center"><IMG src="newimage1.gif" width="256" height="64" border="0"><BR> </P> <HR>

  • ran7
  • お礼率76% (10/13)

みんなの回答

  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.2

>>widthの数字は標準でどのくらいですか、 本文幅をテーブルでくくってwidthで幅固定してしまうのは「よくない」とする宗派もあるようですが(^_^;) 一般には、640 pixel以下なら良いのではないか、とする意見が多いようです。 最低でもVGA画面で横640 pixelは表示できるから、というのがその根拠のようです。 もちろんそれでは、画面の小さいPDAなどでは横スクロールしないと見えないページになってしまいますが。 width=80% などと、ウィンドウ幅に対する比率で指定することを奨めている方も多いです。 >>どこかURLのソースで真似してもいいのでしょうか？ みんな最初は真似して覚えるので、体裁を見て真似するのは(内容やデザインの独創性を真似るのでなければ)、いいのではないでしょうか。 ただ、世の中には適切でないHTMLを書いているページもいっぱいあるので、平行して何らかのテキストで体系的に学習されるのが良いかとは思います。

ran7
質問者

お礼

ありがとうございました ６４０ピクセルで設定してみます なるほどです、わたしのHPは横スクロールが出るんです、最悪だな～って思ってました解かりました、何度もありがとうございました 今夜は寝ずに頑張ってみます、ご指導ありがとうございました。

  • sesame
  • ベストアンサー率49% (1127/2292)
回答No.1

>>文字の自動折り返しに使うBLOCKQUOTEを入力しても自動折り返しがききません、 BLOCKQUOTEは文字の自動折り返しに使うタグではなく、引用文を表すためのタグなので、それだけで折り返し幅を調整することはできません。 (通常のwwwブラウザで見ると、段下げにはなります) >>画面を縮小したときは左に自動折り返しが出来るようしたいのです教えて下さい <PRE>タグを使っていないかぎり、HTMLの文章はかならずウィンドウ右端で自動折り返しになるはずなのですが…。 >>最後にノートとデスクで確認にたら、画面表示がぜんぜん違いますこれを同じように表示できないものでしょうか？ ウィンドウサイズを変えれば画面表示はどうしても変わってしまいます。 これはHTMLの宿命のようなものです。 >>P align="を使って幅、高さを変えてみてるんですが、できません <P align="">タグは、その段落の文字そろえを左か右、中央にするだけのものなので、幅、高さを変えることはできません。 段落幅や高さを固定するには、<TABLE>でwidthを指定するか、スタイルシートを使うしかありません。

ran7
質問者

お礼

そうですか、ずいぶん間違った覚え方をしてました助かりました ありがとうございました。 widthの数字は標準でどのくらいですか、どこかURLのソースで真似しても いいのでしょうか？一度試してみます またご指導のほどよろしく御願いします。

  1. カテゴリ
  2. インターネット・Webサービス
  3. その他（インターネット・Webサービス）

関連するQ&A

  • EXCELでHTMLのタグの入ったセルを結合したい

    下記のHTMLのタグが入ったセルと画像URLのセルを結合したいのですが、＆などで結合すると ダブルクォーテーションが倍くらいに増えてHTMLのタグとして機能しません。 どうやって結合させるのがいいのでしょうか？ =A1(HTMLのタグ）＆A2(画像URL）＆A3（HTMLのタグ） <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src="画像URL"> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5">

    • ベストアンサー
    • HTML
  • このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、

    このタグですが、ページを右端から左へ縮めても、常に中央に位置させたいのですが、、、 <BODY> <DIV style="top : 56px;left : 95px; position : absolute; z-index : 1; width : 336px; height : 21px; " id="Layer1" align="center"><FONT size="+4">テキスト</FONT></DIV> </BODY>

    • ベストアンサー
    • HTML
  • このタグですが、左右一杯に広がったまま、左方向にページを伸縮しても

    このタグですが、左右一杯に広がったまま、左方向にページをちじめても、左右にページ一杯のまま、伸縮するようになりませんか？ <BODY> <DIV style="top : 0px;left : 0px; position : absolute; z-index : 1; " id="Layer1"> <DIV> <TABLE> <TBODY> <TR> <TD bgcolor="#ffcccc" height="130" width="750"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 41px;left : 151px; position : absolute; z-index : 2; width : 397px; height : 43px; " id="Layer2" align="center"><FONT size="+3">テキスト</FONT></DIV> </BODY>

    • ベストアンサー
    • HTML
  • HTMLのタグの入ったセルを結合したい

    ヤフオクやイーベイの出品管理をEXCELで行っており、商品説明や商品画像URLを 各セルに保存しています。 別途用意したHTMLのフォーマットにそれぞれを埋め込みたいです。 商品数が多いので、コピペではとても出来ません。 現状、そのまま下記のとおりセルの中身を結合するとダブルクオーテーションが現状の 倍くらいの数になってしまい、HTMLのタグとして機能しません。 =A1(HTMLのタグ）＆B1(画像URL）＆C1（HTMLのタグ） A1のセル <body> <div style="WIDTH: 100%; TEXT-ALIGN: center"> <div id="wrapper" style="FONT-SIZE: 23px; FONT-FAMILY: Arial, Helvetica, sans-serif; WIDTH: 860px; COLOR: #000; TEXT-ALIGN: left; MARGIN: 0px auto"> <h1 style="FONT-SIZE: 38px; HEIGHT: 60px; WIDTH: 850px; COLOR: #ffffff; PADDING-LEFT: 10px; MARGIN: 0px; LINE-HEIGHT: 60px; BACKGROUND-COLOR: #336600">Picture</h1> <img src=" B１のセル 画像URL C1のセル "> <div class="sub_tit" style="FONT-SIZE: 35px; HEIGHT: 40px; WIDTH: 850px; FONT-WEIGHT: bold; COLOR: #ffffff; PADDING-LEFT: 10px; LINE-HEIGHT: 40px; BACKGROUND-COLOR: #336600"> Description </div><br><font size="5">

  • センタリングのＨＴＭＬの挿入場所

    お世話になっております。 前回の質問の追加をしようとしたのですが、うまくできず、新たにスレッドを立てました。すみません。 以下のＨＴＭＬは横並びに写真を載せたもの（数行あります）です。（上部に文章を載せるための式がありますが、カットしています。）このプログラムのどこにセンタリングの式を入れたらいいのか、私の知識ではわかりませんでした。またご教示もらえると助かります。 よろしくお願いします。 </DIV> <DIV style="top : 1313px; </DIV> <DIV style="top : 1473px;left : 327px; position : absolute; z-index : 3; " id="Layer8"><IMG src="button2.gif" width="81" height="35" border="0" alt="Ｂａｃｋ"></DIV> <DIV style="top : 1060px;left : 21px; position : absolute; z-index : 8; width : 698px; height : 123px; " id="Layer6">&nbsp;　 <IMG src="DSC_19711.jpg" border="0" width="160" height="106"> <IMG src="DSC_20401.jpg" border="0" width="160" height="106"> <IMG src="DSC_20541.jpg" border="0" width="160" height="106"> <IMG src="DSC_21231.jpg" border="0" width="160" height="106"></DIV> <DIV style="top : 883px;left : 15px; position : absolute; z-index : 7; width : 649px; height : 165px; " id="Layer5">&nbsp;　　 <IMG src="DSC_19311.jpg" border="0" width="160" height="106"> <IMG src="DSC_19381.jpg" border="0" width="160" height="106"> <IMG src="DSC_19411.jpg" border="0" width="99" height="149"> <IMG src="DSC_19631.jpg" border="0" width="160" height="106"></DIV> <DIV style="top : 572px;left : -3px; position : absolute; z-index : 5; " id="Layer3"> <DIV> <TABLE border="0" cellpadding="15" width="725" height="147"> <TBODY> <TR> <TD height="113" width="549" align="center" style="position : relative;table-layout : auto;">&nbsp;　　 <IMG src="DSC_17481.jpg" border="0" width="160" height="106"> <IMG src="DSC_18051.jpg" border="0" width="160" height="106"> <IMG src="DSC_18151.jpg" border="0" width="160" height="106"> <IMG src="DSC_18351.jpg" border="0" width="160" height="106"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> <DIV style="top : 729px;left : 12px; position : absolute; z-index : 6; " id="Layer4"> <DIV> <TABLE border="0" cellpadding="15" width="725" height="147"> <TBODY> <TR> <TD height="113" width="549" align="center" style="position : relative;table-layout : auto;">&nbsp;<IMG src="DSC_18421.jpg" border="0" width="160" height="106"> <IMG src="DSC_18641.jpg" border="0" width="160" height="106"> <IMG src="DSC_18941.jpg" border="0" width="160" height="106"> <IMG src="DSC_19201.jpg" border="0" width="160" height="106"></TD> </TR> </TBODY> </TABLE> </DIV> </DIV> </BODY>

  • タグについて　音楽箇所の削除

    すみません。タグの初級レベルをご指導下さい。 以下のタグの中で音楽が出る箇所を削除をしたいのですが、 どこのタグ、どこからどこまでを削除すればよろしいでしょうか。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.0.0 for Windows"> <title>○○○　Top logo</title> <meta name="description" content="公式ホームページ"> <meta name="keywords" content="○○○"> <link rel="stylesheet" href="Stylesheet/Body_Stylec.css" type="text/css"> <link rel="stylesheet" href="Stylesheet/Table_TD_clear.css" type="text/css"> </head> <body style="margin-top : 0px;margin-left : 10px;margin-right : 0px;margin-bottom : 0px;"> <div style="width : 100px;height : 10px;top : 91px;left : 134px; position : absolute; z-index : 3; visibility : visible; " id="Layer3"><embed src="MIDI/Shout.mp3" height="19" width="99" autostart="true" loop="true" repeat="true" type="audio/mp3"></div> <div style="width : 411px;height : 56px;top : 1px;left : 285px; position : absolute; z-index : 2; visibility : visible; " id="Layer2"><img src="logo/kl_senior1.gif" width="372" height="59" border="0"></div> <div style="width : 434px;height : 18px;top : 73px;left : 272px; position : absolute; z-index : 1; visibility : visible; " id="Layer1">2009年度スローガン<font color="#ff0000" size="+1">『</font><font color="#ff0000" face="HG丸ゴシックM-PRO" size="+1" style="font-size : 14px;font-weight : bold;">スピーディー</font><font color="#ff0000" size="+1">』</font></div> <table border="1" width="855" cellspacing="0" cellpadding="2" style="margin-top : 5px;margin-left : 10px;margin-right : 0px;margin-bottom : 0px;"> <tbody> <tr> <td width="98" height="87"><img src="logo/logo_littleseniors_l.jpg" width="80" height="80" border="0"></td> <td width="153" height="87">更新のトッピング<br> <img src="logo/NEW-3.jpg" width="37" height="28" border="0" style="vertical-align : super;"><br> <font color="#000000">○○○○</font><font color="#ff0000"><br> </font></td> <td style="text-align : center;" align="center" width="419" height="87"><br> <br> <br> <br> <br> </td> <td align="center" style="text-align : center;" width="169" height="87">○○○ <a href="rirki.html" target="_blank">更新履歴</a><img src="logo/NEW-3.jpg" width="57" height="37" border="0"><br> </td> </tr> </tbody> </table> </body> _________ よろしくお願いします。

    • ベストアンサー
    • HTML
  • <P>タグと<div>タグについて

    <P>タグと<div>タグには“前後に空行が入るかどうか”という違いがあるそうですが、下記のようなデータを作り、自分のホームページに記入したところ、前後に全く空行が入りませんでした。 しかし、自分のホームページ以外で、このデータを試してみたところ、<p>タグにはきちんと空行が入るようです。 記入する場所によって、空行が入ったり入らなかったりするのは、なぜなのでしょうか？ ※ブラウザはIE8を使用しています。 <P align="right" style="width:740px;margin:auto;">●●●</p> <P align="right" style="width:740px;margin:auto;">●●●</p> <P align="right" style="width:740px;margin:auto;">●●●</p> <div align="right" style="width:740px;margin:auto;">▲▲▲</div> <div align="right" style="width:740px;margin:auto;">▲▲▲</div> <div align="right" style="width:740px;margin:auto;">▲▲▲</div>

  • HTML、CSSについて分からないことがあります

    下記の2パターンのコードを書きました。 一番目のコードのように、CSSファイルでdivの中に、text-decoration: noneと書いたのですが、うまく実行されませんでした。しかし2番目のCSSファイルのように、＜a＞で指定するとうまくできました。 質問ですが、 (1)<a>で区切らずに、<div>ではできないのでしょうか？ ーーーーーーーーーーーーーーーーーーCSS－－－－－－－－－－－－－－－－－ img { display: block; height: 100px; width: 300px; margin: auto; } p { text-align: center; font-family: Garamond, serif; font-size: 18px; } /*Start adding your CSS below!*/ div{ height: 50px; width: 120px; border-color: #6495ED; background-color: #BCD2EE; border-radius: 5px; margin:auto; text-align:center; text-decoration: none; color: red; } div { height: 20px; width: 200px; border-color:#6495ED; background-color: #BCD2EE; border-radius:5px; margin: auto; text-align:center; } a { text-decoration:none; font-family:Arial; display: block; } span{ color: red; } ーーーーーーーーーーーーーーーーーーCSS－－－－－－－－－－－－－－－－－ img { display: block; height: 100px; width: 300px; margin: auto; } p { text-align: center; font-family: Garamond, serif; font-size: 18px; } /*Start adding your CSS below!*/ div{ height: 50px; width: 120px; border-color: #6495ED; background-color: #BCD2EE; border-radius: 5px; margin:auto; text-align:center; text-decoration: none; color: red; } div { height: 20px; width: 200px; border-color:#6495ED; background-color: #BCD2EE; border-radius:5px; margin: auto; text-align:center; text-decoration:none; font-family:Arial; display: block; } span{ color: red; } ーーーーーーーーーーーーーーーーーーHTML－－－－－－－－－－－－－－－－ <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <title>About Me</title> </head> <body> <img src="http://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/> <p>We're Codecademy! We're here to help you learn to code.</p><br/><br/> <div> <a href="https://facebook.com">Join us<span>Facebook<span> </a> </div> </body> </html>

  • HTML、CSSについて分からないことがあります

    下記の2パターンのコードを書きました。 一番目のコードのように、CSSファイルでdivの中に、text-decoration: noneと書いたのですが、うまく実行されませんでした。しかし2番目のCSSファイルのように、＜a＞で指定するとうまくできました。 質問ですが、 (1)<a>で区切らずに、<div>ではできないのでしょうか？ ーーーーーーーーーーーーーーーーーーCSS－－－－－－－－－－－－－－－－－ img { display: block; height: 100px; width: 300px; margin: auto; } p { text-align: center; font-family: Garamond, serif; font-size: 18px; } /*Start adding your CSS below!*/ div{ height: 50px; width: 120px; border-color: #6495ED; background-color: #BCD2EE; border-radius: 5px; margin:auto; text-align:center; text-decoration: none; color: red; } div { height: 20px; width: 200px; border-color:#6495ED; background-color: #BCD2EE; border-radius:5px; margin: auto; text-align:center; } a { text-decoration:none; font-family:Arial; display: block; } span{ color: red; } ーーーーーーーーーーーーーーーーーーCSS－－－－－－－－－－－－－－－－－ img { display: block; height: 100px; width: 300px; margin: auto; } p { text-align: center; font-family: Garamond, serif; font-size: 18px; } /*Start adding your CSS below!*/ div{ height: 50px; width: 120px; border-color: #6495ED; background-color: #BCD2EE; border-radius: 5px; margin:auto; text-align:center; text-decoration: none; color: red; } div { height: 20px; width: 200px; border-color:#6495ED; background-color: #BCD2EE; border-radius:5px; margin: auto; text-align:center; text-decoration:none; font-family:Arial; display: block; } span{ color: red; } ーーーーーーーーーーーーーーーーーーHTML－－－－－－－－－－－－－－－－ <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css"/> <title>About Me</title> </head> <body> <img src="http://s3.amazonaws.com/codecademy-blog/assets/46838757.png"/> <p>We're Codecademy! We're here to help you learn to code.</p><br/><br/> <div> <a href="https://facebook.com">Join us<span>Facebook<span> </a> </div> </body> </html>

    • ベストアンサー
    • CSS
  • <DIV>タグで書いた文字が、

    <DIV>タグで書いた文字が、 IEで位置を合わせるとFIREFOXではズレてしまいます。 どうしてなんでしょう？ <DIV style="top : 79px;left : 55px; position : absolute; z-index : 23; width : 530px; height : 13px; " id="moji"> <P><FONT size="2">IE8とFIREFOXとでズレる</FONT></P> どうもこんな感じのプログラムで、だいたい20ピクセルぐらい下がって表示されてしまうようです。 前に同じ質問をしたのですが、うまく解決できなかったもので急いでます…

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する