- ベストアンサー
HTML+CSSの印刷に関する質問です。
HTML+CSSの印刷に関する質問です。 テキストボックスのサイズ内に収まりきらない文字を入力している場合、印刷時に入力 した文字が切れてしまうのですが、印刷時だけ自動的に拡張するといったことは可能で しょうか。 <input class="text" size="20" type="text" /> このような感じでテキストボックスを設置してるんですが、size=20を超えて入力した文 字が印刷時に切れてしまいます。 ご回答よろしくお願い致します。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- htmlとcssについて
input typeのテキストと文字を左揃えで表示したいのですが、cssをどのようにすればいいのでしょう？？ 普通の状態だと、 ＩＤ 「文字入力欄」 のように入力欄の左横に空白ができてしまいます。 <dt>ID</dt> <dd> <input type="text" name="id" size="35" maxlength="50" class="style_1" /> </dd>
- ベストアンサー
- HTML
- CSSがHTMLに反映しない
CSSをはじめて使う者です。XPでIEを使っています。 解説サイトの最も簡単そうなプログラムをコピペし、 HTMLファイルと外部CSSファイルを同じフォルダ（デスクトップにあるtopフォルダ） に入れてHTMLを開いたのですが、CSSを全く読み込まず、HTMLのテキストしか表示されません。 ★HTMLデータ（top.html） ------------------------ <HTML> <HEAD> <link rel=stylesheet type="text/css" href="C:\Documents and Settings\Administrator\デスクトップ\top\top.css"> </HEAD> <BODY> <div class="selecter">文字が赤くなり、左に5pxの罫線が引かれます。</div> </BODY> </HTML> ★CSSデータ（top.css） ------------------------ .selecter { color:#ff0000; border-left:solid 5px #ff9900; } ・他のサイトにはHTMLファイルのstylesheetに""があったので付けてみたのですが、意味なしでした。 ・他のサイトの形が異なるCSSも試したのですが同様の状態だったので、HTMLのHEADの部分が怪しいと思い、ファイル名指定を"top.css"に変えたりしたのですが、意味なしでした。 ・CSSは最初メモ帳で書いたのですが、拡張子がどうしてもCSSになってくれなかった（top.css.txtになる）ので、ワードパッドで書いて保存したら、拡張子は正常にCSSになりました。ただ何故かアイコンが、プログラムが見つからない時に表示される奴になっています…。 スタート地点から躓いていて非常に恐縮なのですが、何卒よろしくお願いいたします。
- 締切済み
- HTML
- HTMLとＣＳＳ
ＣＳＳで、文字に影をつけようと思っても、プログラムを組んでもうまくいきません。他（ＣＳＳで文字に色をつける）のを組むと、上手くいきますが、影だけが失敗します。 他のＣＳＳが動いたって事は、ＣＳＳの基本は合っているので、多分、 影のＣＳＳタグが間違っていると思います。 使ったタグは下記で。 省略 <STYLE TYPE="text/css"> <!-- .ts1 {text-shadow:3px 3px} .ts2 {text-shadow:red 3px 3px;} .ts3 {text-shadow:red 3px 3px 2px;} --> </STYLE> </HEAD> <BODY> <SPAN CLASS="ts1">text-shadow</SPAN><BR><BR> <SPAN CLASS="ts2">text-shadow</SPAN><BR><BR> <SPAN CLASS="ts3">text-shadow</SPAN><BR><BR> </BODY> </HTML> 上記で失敗したので、このタグもつかいました td { filter:dropshadow (color=red ,offx=3 ,offy=3 ,positive=true) ; } 何処が原因でしょうか？
- ベストアンサー
- その他（プログラミング・開発）
- スマホでテキストボックスに文字を入れようとすると、
モバイルのサイトを作っているのですが、 body {font-size:0.9em;} input[type="text"] {width:200px;font-size:0.9em;} のようなcssを定義していて、 <input type="text" name="テキスト" id="テキスト" value=""> のように、テキストボックスを設置しているのですが、 スマホでテキストボックスに文字を入れようとすると、ズームされてしまいます。 これを避けるにはどうすればいいでしょうか？ テキストボックスに文字を入力し終わっても、ズームが元に戻りません。 androidです。
- ベストアンサー
- HTML
- HTMLのレイアウト
以下のようにテキストボックス２つの行とテキストボックス１つの行があり、 上の行のテキストボックスの間にスペースを入れた場合に、上の行と下の行の テキストボックスの終端をそろえる方法を教えてください。 ※下のテキストボックスのサイズを１増やした場合にスペースを１つ増やしても 当然幅が同じにならいので困っています。 <input type="text" size="10"/> <input type="text" size="10"/> <br/> <input type="text" size="22"/>
- 締切済み
- HTML
- テキストボックスの文字の大きさを変更するには
タグ打ちでWebページを作っています。 テキストボックスに関する質問です。 テキストボックス本体の大きさは下のように記述すれば指定できることはわかっているのですが、 <input type="text" size=xx> テキストボックス内の「文字」の大きさを変更するにはどうすればよいでしょうか。 HTMLタグ、JavaScript、CSSでできる方法を教えてください。
- ベストアンサー
- その他（プログラミング・開発）
- HTML CSS で文字を点滅させたい
HTMLにCSSを含める学習中です。 以下のようにHTMLを書き、edgeで表示してみましたが点滅してくれません。 どこが違うのか教えてもらえませんでしょうか。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html;charset=SHIFT_JIS"> <TITLE>テスト ホームページ</TITLE> <style type="text/css"> p { color: orange; font-size: 20px; animation: blinkEffect 1s ease infinite; } </style> </HEAD> <BODY> □□□□□□□□□□□ <BR> <p class="p">この部分の文字を点滅</p> ■■■■■■■■■■■ <BR> <BR> <p>これは例文です。</p> <BR> </BODY> </HTML>
- ベストアンサー
- ブラウザ
- 印刷曜CSSがどこかおかしい・・・非常に困っています。。。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title></title> <link rel="stylesheet" type="text/css" media="print" href="print.css"> <style type="text/css"> <!-- .style1 { font-family: "ＭＳ Ｐゴシック"; font-size: 12px;} --> <style type="text/css" media="print"> .print { display: "none" } </style> </style> </head> <body> <span class="style1"><p class="print"><p class="print2"><a onclick="window.print();return false;" href="#" >おおお</a></p></p></span> とソースに記載すると、「おおお」が印刷されないと思うのですが、なぜか、「おおお」が印刷されてしまいます。 どうすれば、「おおお」を印刷されなくなるのでしょうか？
- ベストアンサー
- HTML
- CSSの記述
HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。
- ベストアンサー
- HTML
- HTMLフォームのテキストボックスに入力する文字のサイズ
こんにちは、みなさん。 HTMLフォームのテキストボックスのサイズを大きくし、 その中に大きな文字を入れようとしています。 しかし、テキストボックスのサイズを大きくしても、 中に入力できる文字のサイズは小さいままとなっています。 テキストボックスのサイズに合わせて文字を大きくするには どうしたらよいのでしょうか？お願いします。m(__)m
- ベストアンサー
- HTML
お礼
お返事ありがとうございました。参考にさせていただきます。