Php 如何在简介文本外提取Joomla简介图像,以便在标题左侧和特色页面的其他信息中显示?
我正试图为我在Joomla上的特色文章页面实现一个自定义布局,以便用我在Photoshop上的自定义设计制作一个漂亮的博客布局 这就是我试图实现的外观: 这就是我现在的样子: 布局的其余部分不会是一个问题,因为它很容易修改,然而,我目前遇到的问题是介绍图像。我希望它是在左边的文章标题,一些信息和介绍文字,如第一张图片所示 是否可以从介绍文本中提取图像,以便将其放置在需要的位置Php 如何在简介文本外提取Joomla简介图像,以便在标题左侧和特色页面的其他信息中显示?,php,html,css,joomla,blogs,Php,Html,Css,Joomla,Blogs,我正试图为我在Joomla上的特色文章页面实现一个自定义布局,以便用我在Photoshop上的自定义设计制作一个漂亮的博客布局 这就是我试图实现的外观: 这就是我现在的样子: 布局的其余部分不会是一个问题,因为它很容易修改,然而,我目前遇到的问题是介绍图像。我希望它是在左边的文章标题,一些信息和介绍文字,如第一张图片所示 是否可以从介绍文本中提取图像,以便将其放置在需要的位置 谢谢你的帮助 在css文件中添加以下代码以开始: .article-info { float:right; }
谢谢你的帮助 在css文件中添加以下代码以开始:
.article-info {
float:right;
}
h2 {
text-align: right;
}
.item.column-1 img {
margin-top: -50px;
}
.article-info-term {
padding-left: 40px;
}
另外,去掉边距:0px代码>已添加到图像中
这就是结果:
希望这有帮助首先,我的评论只是个玩笑
现在,对于这个问题:您的图像位于divitem 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你真的认为这是最好的方法吗?我不知道它会在IE上崩溃。不,这不是最好的方法,但我受到限制,因为我只能用Firebug编辑CSS。最好的办法是有两列,一列用于图像,另一列用于文本。我如何做到这一点?你能通过Teamviewer给我看吗?