css3

    1

    1答えて

    私は一週間前にレスポンシブルなレイアウトを残そうとしていますが、これは私が見つけたウェブサイトと非常によく似ています。私は、私が見た応答可能なサイトのイメージを送信しています、私は私の姿をイメージしています。 私は似てやりたいサイトはこれです: http://mapa.buenosaires.gob.ar と私は同じことをやりたいサイトはgitのである、あなたが好きなクローン、ダウンロード、共有を

    0

    1答えて

    同じ結果を検索していますが、前の質問を削除しました。コードペンは、javascript/bootstrapや他のいくつかのライブラリがロードされているために、実行したときと同じように見えないが、助けてくれることを期待して作成された。基本的に何が起こっているのか、私は何が起こりたいのですか? 2つのパネルに固定されたヘッダーとボトムの内容が必要です。下部には2つの水平パネルが含まれます。左には、ヘッ

    1

    2答えて

    進捗バーのすぐ隣のボタングループを同じ行に配置しようとしています。 rowテンプレートを使用しようとしましたが、テンプレート間に大きなスペースができます。私は彼らをお互いの隣に直接持っているのが好きです。ここで <div class="container"> <div class="row"> <div class="col-sm-3"> <div clas

    1

    1答えて

    です。興味深い問題があります。私のリアクションアプリに問題があります。 私は、getRandomQuote()を呼び出すボタンを持っています。 APIからテキストの行を取得し、フロントエンドに配信します。テキストの不透明度を0にしてから、テキストが表示されたら1にします。代わりに、テキストが呼び出された後、表示され、その後、0不透明になり、その後、1 getRandomQuote() {

    2

    1答えて

    私は最終的には中央揃えのグリッドを作成しようとしていますが、アイテムは左揃えで上揃えになっています。ここで は、再生です: http://jsfiddle.net/Ae8Wv/1306/ 私はtext-align: centerかdisplay: flex; justify-content: center;のいずれかで、1つの親コンテナを作成し、スタイルdisplay: flex; justify

    6

    4答えて

    青い要素を右に、灰色の要素を左にスライドさせたい。 リストアイテムは、順番に並べる必要があります。ここで は、私が何を意味するか説明するための例の画像リンクです: すべてのヘルプ高く評価しました。 .chat { list-style: none; padding: 0; margin: 0; overflow: hidden;

    1

    1答えて

    私は問題を見つけることができず、おそらくかなり簡単です。 私はここで、この左右にスクロール は、テストサイトですしている:あなたはNAVが1860pxだけでなく、BODYで気づいたらhttp://sgs.webparity.net 。しかし、20pxの薄い白の余白がありますが、これはただ消えません。 BROWSERのINSPECT f12以外のコードはありません。 これはおそらく何か本当にダムです

    5

    1答えて

    擬似要素で三角形を作成しようとしています。下の画像のようなものです。 しかし、これは私が得るものです。 これまで私がこれまで試みてきたのはこれです。 .container .form--container:before { content: ""; position: absolute; top: 0px; left: 130px; width:

    1

    1答えて

    セマンティックUIで利用できるアニメーションのいずれかのボタンを作成しようとし、具体的アニメーションショッピングカート1 https://semantic-ui.com/elements/button.html を変換します。 https://jsfiddle.net/n37arru2/100/ 私の質問は、CSS属性を左に垂直方向と水平方向のトップを使用することなく、ホバー上でスライドスパンを配

    1

    2答えて

    次のコードでは、応答グリッドが1行から3行に変わり、1行を2行にしてから3行を表示したい場合大。それを行う最善の方法は何ですか?純粋なCSSで、ブートストラップではありません。ご協力いただきありがとうございます。 <html> <head> <style> /* SECTIONS */ .section { clear: both; padding: 0px;