0

这似乎是一个简单的问题，但无论我做什么，我都无法解决它。我发布了一个关于我在说什么的链接。http://www.olmasigereken.com/demo/?view=listen&artist=ibrahim+ferrer&track=dos+gardenias
如果您查看页面代码，您会看到项目的顺序是红色箭头 Artistname 破折号（-） trackname twitter 和 facebook 链接. 但是输出不是那样的。我想以正确的顺序将所有内容放在一条线上，即红色图像艺术家名称破折号轨道名称 twitter 和 facebook 链接。

注意：当您单击它时，如果您没有看到任何内容，请刷新页面。

                          <li>
                            <img src="img/track_arrow.gif" alt="" />
                            <div class="singer">
                                <a href="#"><?php echo $a[artistname]?></a> 
                            </div>                                                             
                            -
                            <div class="song">
                                <a href="#"><?php echo $a[trackname]?></a> 
                            </div>

                            <div class="fav">
                                <a target="_blank" href="#" /><img src="img/twit.gif" alt="share on twitter" /></a>
                                <a target="_blank" href="#"> <img src="img/face.gif" alt="share on facebook" /> </a> 
                            </div>
                            <br />
                        </li>
4

3 回答 3

1

您需要设置一些 CSS 属性，例如

.ikinciSol ul li {
widht: 375px;
}

.fav{
float: right;
}

希望这对您有所帮助。

于 2012-11-09T09:31:46.430 回答
1

内部链接的浮动左侧导致冲突。如果您删除float: left以下屏幕截图中看到的，我想您会得到您想要的...

不正确的浮动

结果

于 2012-11-09T11:19:25.377 回答
0

尝试将每个元素放在 li balises 之间，并使用带有 ul 元素的 css 属性：list-style-type:none;

于 2012-11-09T09:27:24.487 回答