Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在简介文本外提取Joomla简介图像,以便在标题左侧和特色页面的其他信息中显示?_Php_Html_Css_Joomla_Blogs - Fatal编程技术网

Php 如何在简介文本外提取Joomla简介图像,以便在标题左侧和特色页面的其他信息中显示?

Php 如何在简介文本外提取Joomla简介图像,以便在标题左侧和特色页面的其他信息中显示?,php,html,css,joomla,blogs,Php,Html,Css,Joomla,Blogs,我正试图为我在Joomla上的特色文章页面实现一个自定义布局,以便用我在Photoshop上的自定义设计制作一个漂亮的博客布局 这就是我试图实现的外观: 这就是我现在的样子: 布局的其余部分不会是一个问题,因为它很容易修改,然而,我目前遇到的问题是介绍图像。我希望它是在左边的文章标题,一些信息和介绍文字,如第一张图片所示 是否可以从介绍文本中提取图像,以便将其放置在需要的位置 谢谢你的帮助 在css文件中添加以下代码以开始: .article-info { float:right; }

我正试图为我在Joomla上的特色文章页面实现一个自定义布局,以便用我在Photoshop上的自定义设计制作一个漂亮的博客布局

这就是我试图实现的外观:

这就是我现在的样子:

布局的其余部分不会是一个问题,因为它很容易修改,然而,我目前遇到的问题是介绍图像。我希望它是在左边的文章标题,一些信息和介绍文字,如第一张图片所示

是否可以从介绍文本中提取图像,以便将其放置在需要的位置


谢谢你的帮助

在css文件中添加以下代码以开始:

.article-info {
    float:right;
}
h2 { 
    text-align: right; 
}
.item.column-1 img {
    margin-top: -50px;
}
.article-info-term { 
    padding-left: 40px; 
}
另外,去掉
边距:0px已添加到图像中

这就是结果:


希望这有帮助首先,我的评论只是个玩笑

现在,对于这个问题:您的图像位于div
item column-1
中,而它应该位于该div(item column-1
的容器)上方的div中,即
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;">

无法进入您当前正在执行的

它需要位于外部分区中。因此它应该位于
中。所以像这样:

<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

//…还有你其他的东西

所以你错过了“迪克/布什”部分?嗯,这不是问题所在。它可以调整。我只是想用一些作者的名字来做示范,所以我想如果乔治·布什有迪克·切尼的名字,他的名字应该是迪克·布什@导航:不知道那是不是个玩笑,但忍不住笑了起来。埃德加,你不需要拔出来。只要调整一下造型,它就会解决你的问题。如果你想提供该站点的链接,我将尝试Firebug。@EdgarRitman:问题是,你的所有内容都在一列中。试着让第1列中的图像带左浮动,第2列中的文本带右浮动。@EdgarRitman:阅读下面我的答案。我想会解决的。起初我认为它必须在外面,有另一种方法可以解决它。很明显,如果它这么简单,我就会这么做,但是当它是动态的,而不是像Joomla中那样静态的时候,我怎么才能在外面得到图像呢?我从来没有和Joomla一起工作过,但是给我看看生成这个动态html的代码。似乎有点效果,但是我现在该怎么处理文本呢?如何正确对齐它,使其不与图像粘连?@EdgarRitman:给
标记一个类,例如

,然后使用类似于
的左填充:150px