我使用Joomla K2有一些对齐问题。

时间:2014-01-21 14:22:34

标签: html css joomla

在我的文章标题部分,我遇到了一些对齐问题。我做了一个屏幕截图,但这是实时页面:

http://www.picturemeclubbing.com/newyear/index.php/2014-01-21-01-37-46/item/19-phil-cashout-interview

在这里拍照:

enter image description here

我选择检查我想移动的区域并找到:

span.itemAuthorDetailss
position: relative;
text-indent: 4px;
bottom: 20px;

更改底部:20px更低的数字使文本下降。至少在代码检查器窗口中。但是当我在css文件中进行更改时,页面出现了乱码。最重要的是,文本旁边的图像不会独立向下移动。我是这个编码的新手。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

span.itemAuthorDetailss {
position: relative;
text-indent: 4px;
float: right;
}

这有用吗?也许增加一些余地:

.authorDetails {
float: left;
margin-right: 12px;
margin-top: 5px;
}

另一种选择是你的PMD图像看起来有点高 - 所以试试这个:

.authorDetails img {
margin-top: 5px;
float: left;
}

.authorDetails span.itemAuthorDetailss { 位置:相对; text-indent:4px; 漂浮:对; }

将它放在custom.css样式表中: http://www.picturemeclubbing.com/newyear/templates/yoo_moreno/css/custom.css