我正在尝试在Joomla上为我的特色文章页面实现自定义布局,以便通过在Photoshop上进行自定义设计来制作一个不错的博客布局。
这是我要实现的外观:http://i48.tinypic.com/2ztbx54.png
这是我现在得到的外观:http://i49.tinypic.com/1ibn5w.png
布局的其余部分不会有问题,因为它很容易修改,但是,我目前遇到的问题是介绍图像。我希望它位于文章标题,一些信息和介绍性文字的左侧,如第一幅图像所示。
是否可以从介绍文字中提取图像以将其放置在需要的地方?
帮助将不胜感激,谢谢!
最佳答案
首先,我的评论只是个玩笑。
现在,要解决的问题是:图像应该位于div item column-1
中,而它应该位于div(item column-1
的容器)即items-row cols-1 row-0
上方的div中。
所以这:
<img src="/images/Articles/macbookpro-review-01-top.jpg" width="200" height="200" alt="macbookpro-review-01-top" style="float: left;">
无法进入当前正在执行的
<div class="items-row cols-1 row-0">
或<dl class="article-info">
。它必须位于外部div中。因此它应该在
<div class="items-row cols-1 row-0">
中。像这样:<div class="items-row cols-1 row-0">
<img src="/images/Articles/macbookpro-review-01-top.jpg" width="200" height="200" alt="macbookpro-review-01-top" style="float: left;">
//...and the rest of your stuff