缩小页眉，完全删除页脚

我正在设计一个网站的前端（处理布局html + css，稍后将使用php，mvc模式）。该网站有一个标题，正文，侧面菜单和页脚布局已准备就绪。缩小页眉，完全删除页脚

有几种形式是异常长/巨大的，因为所有字段都是必需的，我不能让它们缩短。该表格将在新页面中打开。

不要吓跑用户我打算缩小表单模板上的标题（设计更改只适用于表单模板）并完全清除页脚。

我试着找几个地方，但没有找到如何去做。简而言之，我希望网站具有所有块，即标题，正文，页脚，但是当涉及到表单时，我想缩小标题并删除页脚，以使表单看起来更时尚。

有没有办法做到这一点？

注意：我没有发布代码，因为我没有问题的代码，但概念。

来源

2017-06-05 Mecom

为什么PHP标签？这显然是一个样式问题=> CSS/HTML相关，而不是PHP - 也没有关于这个问题的jQuery。 – Qirel

@Qirel，我是汽车建议php和jquery ...新的SO。 – Mecom

对于仅适用于此页面的CSS规则中的footer元素，您可以使用display: none（例如，该页面头部的style标记）。

关于标题，它取决于它是如何构建的，如果它具有徽标，背景图像，文本，菜单等等。一般来说，你可以减少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

缩小页眉，完全删除页脚

回答

相关问题