に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

空きスペースが増え続けていますが、その理由がわかりません

質問の画像: 質問の画像前の画像を見ると、そこに大きな空きスペースがあることがわかります。通常のディスプレイ (約 1200 ピクセル) を使用している場合は、すべて問題ありません。ただし、幅を縮小すると、常に空きスペースが増加しますが、なぜこれが発生するのかわかりません。正常に表示されている画面の画像: 正常に表示されている画面の画像コードがわかりやすく書けるように、HTMLとCSSのコードの一部をアップロードします。 .about-me{マージントップ:10px;最大幅:100%;最大高さ:10

P粉729518806 2023-08-14 19:03:11

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオンボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11

CSS ドロップキャップ画像、空白に配置されたテキスト

これは日常的にドロップキャップが発生する状況ではないと思います。私の大文字の「S」は次のようなイメージです。実際のイメージは上の列まで伸びていることに注意してください。上部のバーは同じ画像の一部であり、大きな S と S の左側の図が含まれています。ここではわかりやすいように背景を青にしていますが、本来の色は白です。 (ただし、最上部の余分な灰色の領域は無視してください。スクリーンキャプチャを行うときに厄介です。) トップバーと画像を台無しにしたくありません。私に提供された画像は次のようになります。右上隅にトップバーが描かれ、トップバーの下に空白がある長方形の領域です。テキストはこんな感じ...

P粉415632319 2023-09-05 21:42:04

css - float 要素が落ちる問題を解決する方法

この効果を実現したいのですが、現在のコードは次のようなものです {code...} {code...} を変更した後、それを解決する方法を知りたいです。幅を縮小するには、div の背景画像が表示されます。写真を比例的に拡大縮小する方法はありますか?

怪我咯 2017-05-16 13:36:42

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホームページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクトページに移動するのではなく、全画面モーダルコンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37

Vuetify を使用してモバイル画面上で表を全幅に表示できますか?

Vue2 と Vuetify を使用して、小さな画面でテーブルの「縮小」を実現できますか?表をモバイル画面上で全幅のままにし、拡大できるようにする必要があるという課題があります。基本的に img のような動作を実現します。基本的には、v-data-table を使用して、この画像から 2 番目の画面を実装する必要があります。「どちらも同じように悪い」としても、2 番目の解決策が必要です。 Vuetify 専用のソリューションはありますか?

P粉842215006 2023-08-30 20:56:28

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28

CSSグリッドを使用して画像を配置するにはどうすればよいですか?

CSSグリッドを使用してWebサイトの一部を構築しようとしています。リストと画像を同じ行に維持し、画面サイズが変更されたときに縮小/拡大するようにしようとしています。コードは以下に貼り付けられます。ご協力をよろしくお願いいたします。エラーがグリッドテンプレート内にあるのかどうか疑問に思っています。 .pm{表示:インライングリッド;最大幅:100%;位置:相対;マージン:自動;グリッドテンプレートエリア:"タイトルタイトル"

P粉463824410 2024-04-01 22:08:31

JavaScript - 画像表示のスクロールの問題

写真、スクリーンショットの一部など、25 枚の写真がある場合、これらの写真はすべて UL 内に収まります。初期画面では10枚の写真が表示されますが、詳細ボタンをクリックすると10枚すべてが上にスクロールして非表示になります。下にスクロールすると10枚の写真があります。一度に表示できる画像は 10 枚までです。もう一度クリックすると表示されます...

習慣沉默 2017-05-19 10:27:01

画像をトリミングして移動します。グリッドレイアウト

画像を正しい位置に配置し、上下をトリミングするのに苦労しています。これは次のようになります (ヒーロー部分): https://www.behance.net/gallery/161732057/CozyMornings-online-store プロジェクト全体はグリッド上に構築されます。円形の画像を左に移動し、コンテナより大きく、上下をトリミングする必要があります。さらに、応答性が高い必要があります。画像をパッケージに入れようとしています。このラッパーに相対位置を与え、オーバーフローを非表示にします。これではありません

P粉548512637 2023-09-15 19:18:46

コンテンツを中央に配置し、画像リンクをクリックできるようにするのにサポートが必要です

基本的に、画像とタイトルを画面の中央に配置する必要がありますが、画像をクリックしてリンクを開くことも必要です。これを行うための正しいコードがあると信じていますが、これら 2 つの問題がまだ発生しています。画像のサイズも2種類あるので、それも難しいです。赤い錠剤を小さくし、青い錠剤を（元のサイズと比較して）大きくしてみました。他の 3 つの画像の背景キーフレームについては心配しないでください。タイトルと赤と青の錠剤の画像を中央に配置するのに助けが必要です。オンラインコードを使用してみましたが、同じエラーが発生しました。画像のサイズをさまざまなサイズに変更してみました、試してみました

P粉794851975 2023-09-13 12:12:49

メニューの背景左右上下の隙間がない幅100%にしたい

メニューの背景色は全幅、24 インチ以下は全画面にする必要があります。見た目はこんな感じです。ホームページのURLも画像内に記載しております。以下は背景色を追加するための私の scss です。誰かが以下のコードを編集して、背景色が左右と上部に触れるようにしてください（上部に小さなギャップがあります）。 .header-main-wrapper{max-width:1720px;margin:0auto;background:# 1c2e52;@media#{$xs ,$sm,$md,$lg}{padding:16px0;試してみます

P粉245003607 2023-09-10 21:43:33

Android 上の React-Native でステータス更新が機能しない

スワイプ可能な水平ギャラリーに画像のペアを含むコードがいくつかあります。両方の画像の上部をクリックすると、画像がオフに切り替わるはずです。そのため、私が行ったのは、isImage2Active を状態に設定し、ソースを切り替えるだけです。 iOS では完全にスムーズに動作しますが、Android ではほとんどまったく動作しません。頻繁にクリックすると変更される可能性がありますが、それは明らかに私が望む動作ではありません。したがって、説明したように、スライド可能な水平ギャラリーconstImageである画像コンポーネントがあります

P粉541551230 2024-04-06 16:54:10

iPhone が max-width: 100% に対応していないのはなぜですか?

私の Web ブラウザでは、zip 形式で圧縮されていれば、Android スマートフォンでは 100% 完璧に動作します。しかしiPhoneではそうではありません。画像の場合、通常は max-width:100%; を使用し、必要に応じて width:100%; または img-sensitive を使用します。画像の幅が 600 ピクセルより大きいため、より大きなデバイスで制御するために幅を 600 ピクセルに設定しました。 <sectionclass='section20'><figurecla

P粉806834059 2023-09-02 17:24:50

HTML テーブル内の画像を右揃えにする方法

Django Web サイトを作成し、結果を上部に小さなフォームのように表示したいと考えています。左側にテーブルがあり、右側のテーブルに 2 つの写真と別の列を追加したいと考えています。よりわかりやすく説明するために図を設計しました - ここに画像の説明を入力しますこれで、フォーム 1 と表のコードを書きました。バックエンドのコードも書きます。画像とフォーム2はフォームの右側にあるのでhtmlコードの書き方を知りたいです。任意の HTML コードを記述するだけで、表の下に表示されます。誰かが表の右側に写真とフォーム 2 を追加するのを手伝ってくれませんか?今私は

P粉555696738 2023-09-02 09:04:11

CSS 行クラスにより、一部の要素がフレーム外になりますが、要素は静的で表示の下部に固定される必要があります。

現在の私のページはこんな感じです。 2 つの要素が隣り合うように行クラスを追加すると、下部のナビゲーションバーがスクロールする必要がある位置まで押し下げられます。ここでは、行要素のない別のページが表示されます。ナビゲーションリンクがディスプレイの下部に完全に固定されています (植物と部屋のナビゲーション要素はリマインダータブ (画像 1) に表示されるべきではないため、この要素は無視してください (画像 2)。ページはスクロール可能で、ナビゲーションバーが正しい位置に保たれますが、要素のアウトラインが正しくありません。すべての緑色のボックス表示は、編集ボタンと削除ボタンとともに重ねて表示...

P粉156415696 2024-04-03 18:48:12

ACF - 複数のリピーター画像を表示します

私の最終的な目標は、クリックひとつで外部 Web サイトにリンクする画像ギャラリーを作成することです。これは高度なカスタムフィールドを使用して行う必要があるため、画像とリンクを同じ行に配置したリピーターを作成しました。 link1|cover_image1link2|cover_image2 次に、このコードを Web ページ内のテキストエディターに挿入します。また、ここからいくつかのショートコードをインポートしました。これにより、%ROW% をイテレータとして使用できるようになります。「attachments」は親フォワーダー、「link」と「cover_image」は子フォワーダーで...

P粉885562567 2024-03-26 22:15:20

飲食店サイトのボタンオーバーレイ表示問題の解決方法

React.js を使用してオーバーレイページを正しく表示するためのボタンをレストラン Web サイトに構築するのに苦労しています。これらは独自のコンポーネント (MenuButtons.jsx) に設定され、前のページの短いメニューセクションの下部にあります (下の画像を参照)。フルメニューは長すぎてフロントページにすべてを収まらないため、残りのメニュー（ワインリスト、ランチメニューなど）については別のオーバーレイページを立ち上げてほしいと思います。下の画像は、ワインリストのオーバーレイページがどのように見えるかを示しています。コードは次のとおりです: importReact,{use...

P粉289775043 2024-01-16 19:22:49

PHP で ImageMagick を使用して .HEIC を .JPG に変換する

phpWeb ドキュメントにアップロードされた HEIC ファイルを .JPG (またはその他の一般的なファイル形式) に変換する小さな画像コンバーターを作成してみようと思っています。 UNIX サーバー上で PHP を実行しており、サーバーに ImageMagick がインストールされています。次のコマンドラインコードがサーバー上で実行されます: mogrify-formatjpg*.HEIC このコマンドラインコードを PHP に変換したいと考えています。前に述べたように、私はコマンドラインの書式設定コードを PHP に変換するのが好きです。現在、基本的な HTML+PHP フォ...

P粉322918729 2023-11-02 17:38:57

`style` 属性は、スタイル属性から値へのマッピングを期待します。

React を使用して前後の画像スライダーを作成中にこのエラーが発生しました。インポートする必要があるかどうかはわかりませんが、残念ながら外部ファイルです。ヒントや提案があれば大歓迎です。SVG アイコンが表示されることを期待していましたが、代わりに上記のようにエラーがスローされました。

P粉817354783 2023-08-15 15:37:44