【问题标题】:Push gradient image to bottom将渐变图像推到底部
【发布时间】:2011-01-11 23:32:43
【问题描述】:

在左侧列中的this page 上(标题为“服务、维修、关于”)我有一个图像(带有绿色/黄色渐变的白色框)与底部对齐。然而并没有被一直推到底部,留下大约 100px 的空白高度。

有什么提示/建议可以消除这些空白吗?

【问题讨论】:

    标签: html css gradient


    【解决方案1】:

    按照以下所有步骤操作:

    • 对于#template-content-leftAREA:
      • 删除display: block
      • 删除float: left
      • 删除padding-top: 37px
      • 将valign="bottom" 更改为valign="top"
      • 添加background: url(/images/gradient-box.jpg) repeat-x
    • 对于.template-leftcontent-bg 内的#template-content-leftAREA:
      • 删除background: url(/images/gradient-box.jpg) repeat-x
      • 添加padding-top: 37px

    在 Firebug 中为我删除了空格。

    【讨论】:

    • 非常感谢。现在要弄清楚为什么标题上方现在有所有这些空间?
    • 您忘记将<td valign="bottom" id="template-content-leftAREA"> 更改为valign="top"。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-14
    • 1970-01-01
    • 2021-05-07
    相关资源
    最近更新 更多