【问题标题】:Image fill container div in phpphp中的图像填充容器div
【发布时间】:2014-01-07 12:20:03
【问题描述】:

我一直在网上搜索,但没有运气。

我正在尝试使用 drupal 制作一个网站,并且正在创建自己的主题。我正在尝试使徽标图像填充整个标题 div。

我找到了编写此代码的 php 代码,但如果我将图像设为 100%,则图像将变为完整大小,而不是 div 的 100%。我知道使用 html 我只需添加 style="width: 100%;"到最后,但它不起作用。

这是我目前拥有的代码:

主 php 文件

<?php if ($logo): ?>
  <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
    <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" style= "width: 100%;"/>
            </a>
        <?php endif; ?>

请注意,我是 php 的初学者,只是模糊地知道如何解决。

【问题讨论】:

    标签: php html image drupal


    【解决方案1】:

    将整个代码包含在这样的 div 中

    <div class="header" height="100px">
    <?php if ($logo): ?>
      <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo">
        <img src="<?php print $logo; ?>" alt="<?php print t('Home'); ?>" style= "width: 100%;"/>
                </a>
            <?php endif; ?>
    </div>
    

    您可以根据需要更改高度。希望这对你有帮助!

    【讨论】:

    • 您所做的一切都是使用一个精确的尺寸来使其在您的屏幕上工作。我放置的 div 是页面宽度的 80%
    • 好的,我明白了。我认为这可能会对您有所帮助click here
    • 这有点奏效。我将样式更改为: style="width:100%; position:absolute;top:0;left:0;bottom:0; right:0; 但现在它卡在绝对位置,这意味着我必须调整大小我的 div 大小要合适,否则我的菜单和正文会超出它
    • 干杯!但是logo下面有很多空间
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-05-18
    • 1970-01-01
    • 2014-03-27
    • 1970-01-01
    • 2017-10-07
    • 1970-01-01
    • 2013-05-31
    相关资源
    最近更新 更多