我正在尝试在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

07-24 16:09