問題タブ [html]

私は現在、私が働いている会社の内部販売アプリケーションに取り組んでおり、ユーザーが配送先住所を変更できるフォームを持っています。

メインアドレスの詳細に使用しているテキストエリアがその中のテキストの領域を占めるだけで、テキストが変更された場合は自動的にサイズが変更されれば、見た目はずっと良くなると思います。

これが現在のスクリーンショットです。

何か案は？

@クリス

良い点ですが、サイズを変更したい理由があります。それが占める領域を、それに含まれる情報の領域にしたいと思います。スクリーン ショットでわかるように、テキスト領域を固定すると、垂直方向のスペースがかなり占有されます。

フォントを小さくすることはできますが、住所を大きく読みやすくする必要があります。テキスト領域のサイズを縮小できるようになりましたが、住所行が 3 行または 4 行 (1 行は 5 行) かかる人には問題があります。ユーザーにスクロールバーを使用させる必要があることは、絶対にありません。

もう少し具体的に言うべきだと思います。縦方向のサイズ変更後ですが、幅はそれほど重要ではありません。これで発生する唯一の問題は、ウィンドウの幅が小さすぎる場合 (スクリーンショットでわかるように)、ISO 番号 (大きな「1」) がアドレスの下に押し込まれることです。

ギミックを持つことではありません。ユーザーが編集できるテキスト フィールドを用意して、不要なスペースを占有せず、その中のすべてのテキストを表示することが重要です。

誰かが問題にアプローチする別の方法を思いついた場合でも、私はそれも受け入れます.

少し動作がおかしいので、コードを少し修正しました。入力したばかりの文字が考慮されないため、キーアップでアクティブ化するように変更しました。

IEを使用する場合、選択した入力要素の上に絶対位置のdivを配置することはできません。これは、select要素がActiveXオブジェクトと見なされ、ページ内のすべてのHTML要素の上にあるためです。

ポップアップdivを開くときにselectを非表示にしているユーザーを見たことがあります。これにより、ユーザーエクスペリエンスがかなり悪くなり、コントロールが消えてしまいます。

FogBugzには、ポップアップが表示されたときにすべての選択をテキストボックスに変換する、非常にスマートなソリューション（v6より前）が実際にありました。これによりバグが解決され、ユーザーの目を騙しましたが、動作は完全ではありませんでした。

もう1つの解決策は、FogBugz 6にあります。ここでは、select要素を使用せず、どこでも再コーディングします。

私が現在使用している最後の解決策は、IEレンダリングエンジンを台無しにして<div>、ActiveX要素として絶対位置にあるものもレンダリングするように強制し、選択した要素の上に存在できるようにすることです。これは、<iframe>内部に非表示を配置し、次のよう<div>にスタイリングすることで実現されます。

誰かがこれよりもさらに良い解決策を持っていますか？

編集：この質問の目的は、実際の質問であると同時に有益です。この<iframe>トリックは良い解決策だと思いますが、アクセシビリティを低下させるこの醜い役に立たないタグを削除するなどの改善を探しています。

asp.netページ内で使用する必要があります

または

どちらの例も同じ出力です。asp.netはすべてのページをutf-8にエンコードするので、htmlエンティティを使用する必要はありませんね。

クライアントの 1 人のためにモバイル サイトを構築する計画の初期段階にあります。このモバイル サイトは、既に構築済みのメイン サイトに追加されます。コンテンツはメイン サイトの小さなサブセクションであり、サイトを使用すると予想される主な対象者をターゲットにすることが決定されました。

いくつかのサンプル モバイル サイトを調べたところ、URL に WAP が含まれているサイトの多くは、実際には単純化された HTML ファイルであることがわかりました。 http://wap.mlb.comは実際には WAP 対応ではなく、単純な HTML です。

私の質問は、WAP は過去の考えですか? スマートフォンと iPhone がサイトをそのまま表示できるようになったので、WML と WAP について心配する必要がありますか?それとも、簡素化された HTML バージョンで十分でしょうか?

また、ブログやチュートリアルをお勧めするか、モバイル デバイスを確認する最善の方法について以下に回答していただけますか? プログラマーは、ユーザー エージェントをモバイル サイトにリダイレクトするために、ユーザー エージェントの各バリエーションを知る必要がありますか?

最後に、iPhone/Touch Safari ブラウザ用のモバイル サイトをプログラムしますか、それともサイトをそのままにしておきますか?

会社のアイコンがブラウザのアドレス バーの URL アドレスの左側に表示されるコードを作成するにはどうすればよいですか?

divユーザーがリンクをクリックしたときに表示したい絶対位置があります。リンクのonclickは、div の表示をブロックに設定する js 関数を呼び出します (「」、、、、なども試しましinlineたtable-cell) inline-table。これは IE7 ではうまく機能しますが、私が試した他のすべてのブラウザー (FF2、FF3、Opera 9.5、Safari) ではまったく機能しません。

通話の前後にアラートを追加しようとしましたが、表示が からnoneに変わったことが表示されますblockが、は表示されdivません。

FirebugのHTMLインスペクターを使用して表示値を変更すると（ただし、Firebugのコンソールからjavascriptを実行することはできませんdiv）、FF3で表示することができます-画面外に表示されるだけではないことがわかります。

以下を含め、考えられるすべてのことを試しました。

• 別の doctype (XHTML 1、HTML 4 など) を使用する
• display block/none の代わりに、visible/hidden の可視性を使用する
• 関数呼び出しの代わりにインライン JavaScript を使用する
• 異なるマシンからのテスト

これを引き起こす原因についてのアイデアはありますか?

番号付きリストの数字を左揃えにするにはどうすればよいですか?

番号付きリストの数字の後の文字を変更する

ol 要素で type 属性を使用する代わりに、数字からアルファベット/ローマ字のリストに変更する CSS ソリューションもあります。

私は主に Firefox 3 で動作する回答に興味があります。

私が見つけた唯一のものは次のとおりです。

これが機能する唯一の方法は、テキストを段落に入れることです。これにより、ひどく見苦しい余分な行が発生します。私はむしろそれらをある種のものに入れたいと思っています<span class="hang"></span>。

また、単一レベルのぶら下げだけでなく、さらにインデントする方法も探しています。段落を使用してインデントを積み重ねても機能しません。

基本的に、これよりも優れたもの：

まず第一に、browseボタンはブラウザごとに異なって見えます。フォームのボタンとは異なり、スタイルを設定するにはハック的submitな方法を考え出す必要があります。

次に、アップロードされたファイルの量を示す進行状況インジケーターがありません。通常、複数の送信を無効にする何らかのクライアント側の方法を実装する必要があります (たとえば、送信ボタンを「フォーム送信中... お待ちください」を示す無効なボタンに変更する) か、巨大な警告を点滅させます。

Flash や Java を使用しない、これに対する適切な解決策はありますか?

Yaakov : その製品はまさに私が探していたものに見えますが、価格は 1000 ドルで、特にASP.NET. 同じまたは類似の機能をカバーするオープン ソース プロジェクトはありますか?

私は仕事でC＃を使用していますが、Webフォームを使用して、作成するビューステートの多くの行を含まないJavaScriptを大量に出力する方法が嫌いです。

そのため、私は完全に制御できるので、PHPを使用したコーディングが好きです。

しかし、私はこのサイトのHTMLがどのようにクリーンでエレガントなのか疑問に思っていましたか？

MVCの使用はそれと関係がありますか？JQueryが使用されているようですが、確かにasp：requiredバリデーターを使用していますか？もしそうなら、それが通常生成するすべての恐ろしいコードはどこにありますか？

そして、彼らが必要なフィールドバリデーターを使用していないのなら、なぜですか？確かに、JQueryを使用するよりも開発が早いですか？

私が個人サイトをPHPでコーディングする主な理由の1つは、それが生成するよりエレガントなHTMLによるものでしたが、このサイトのようなコードを生成できる場合は、フルタイムの.netにアクセスします。