-1

由于某种原因，我的图像高度太大。

相关代码是

在此处输入图像描述

<!-- Main Images -->
<div class="item_image" style="height:auto">


        <div class="item_arrow_left" style="height:auto">
        <i class="sprite_vi_arrow_left" style="margin-top: 200px"></i>
    </div>
    <div class="image_container">

<img src="{{image_url}}" id="main_image_0" alt="{{ad.title}}" title="Click for next image">
        {% for im in imv %}
<img src="{{im}}" class="hidden" id="main_image_{{loop.index}}" alt="{{ad.title}}" class="thumb_image_single" title="Click for next image">

    {% endfor %}

    </div>
    <div class="item_arrow_right" style="height:auto">
        <i class="sprite_vi_arrow_right" style="margin-top: 200px"></i>
    </div>


</div>

问题的实时视图在这里。可以做些什么来解决它？我已经解决了这个问题，并为包含许多照片的视图找到了解决方案，但这是只有一张图像的视图，所以我似乎没有想到所有事情。

4

2 回答 2

1

正如netblognet所说，您的问题是图像高度，您有一些元素样式是您的代码，您在代码中编写的元素样式或一些应用此的js代码。也就是说，你显示我已经从 firebug 的站点中删除了这些代码

这是我更改的代码

<i class="sprite_vi_arrow_left" style="margin-top: 200px"></i> 
//remove this element style         style="margin-top: 200px"

<i class="sprite_vi_arrow_right" style="margin-top: 200px"></i>
//remove this element style         style="margin-top: 200px"

之后从css中删除它

.item_image .item_arrow_right i {
float: right;
margin-right: 6px;
margin-top: 225px;// remove this line 
}

执行这些步骤后，您的代码使用了一些额外的 margin-top，您的网站应该如下所示

在此处输入图像描述

于 2013-07-08T10:50:16.350 回答
0

我认为您的问题不是图像的高度，而是 -Tags 的边缘顶部！

尝试移除或降低margin-top，你会得到预期的结果。

<i class="sprite_vi_arrow_left" style="margin-top: 100px"></i>

（当然，您还必须修复 sprite_vi_arrow_right 元素的 css。）

于 2013-07-08T09:26:25.537 回答