ヘッダーのサイズを小さくしてフッタを完全に外す

私はフロントエンドを設計/設計しています（レイアウトhtml + cssで作業し、後でphp、mvcパターンを使用します）。ウェブサイトには、見出し、本文、サイドメニュー、フッターがあります。レイアウトは準備完了です。ヘッダーのサイズを小さくしてフッタを完全に外す

すべてのフィールドが必要なので、異常に長い/巨大ないくつかのフォームがあり、私はそれらを短くできませんでした。フォームが新しいページで開きます。

ユーザーを怖がらせることはありません私はフォームテンプレートのヘッダーを縮小する予定です（デザイン変更はフォームテンプレートにのみ適用されます）。フッターを完全に削除します。

私はいくつかの場所を見てみましたが、やり方を見つけられませんでした。要するに、サイトにすべてのブロック、つまりヘッダー、本文、フッターがあるようにしたいが、フォームになると、ヘッダーを縮小してフォームをより滑らかに見せるためにフッターを削除したい。

これを行う方法はありますか？

注：：私はコードに問題がないので、コードは投稿しません。

出典

2017-06-05 Mecom

なぜPHPタグですか？これは明らかに、CSS/HTML関連のスタイリング問題です.PHPではなく、jQueryでもありません。 – Qirel

@Qirel、私は自動でPHPとjqueryを提案しました...新しいので。 – Mecom

footer要素には、このページにのみ適用されるCSSルール（たとえば、そのページの先頭にあるstyleタグ）にdisplay: noneを使用できます。

ヘッダーに関しては、ロゴ、背景イメージ、テキスト、メニューなどがあれば、それがどのように構築されるかによって異なります。一般的に、あなたはなど、heightを減らすロゴが小さく、そこにテキストの一部を隠すことができ

出典

2017-06-05 12:11:54 Johannes

これは動作しますが、ちょうど私にアイデアをくれました。私はPHPエンジンのテンプレートエンジンを使ってこれを行うことができると思います。お返事ありがとうございました。 – Mecom

You can also done this thing using angularjs 
ng-include 
    <!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
<body > 
    <div ng-include="'header.html'"> 
    </div> 
     <div ng-include="'footer.html'"> 
    </div> 
</body> 
</html>

出典

2017-06-05 12:13:18

ページのbodyを例.no-footer .small-headerまたは.form-pageのために、クラスを持っていることを確認してください。 CSSスタイルシートで次のようなコードを使用してください：

body.no-footer #footer{ 
    display:none; 
} 
body.small-header #header{ 
    height:50px; 
    /* or whatever you want to apply to make the header smaller */ 
}

出典

2017-06-05 12:18:12

ヘッダーのサイズを小さくしてフッタを完全に外す

答えて

関連する問題