[英]how do you add img tags in an unordered list in css right?
I'm trying to create a bulleted list in joomla. 我正在尝试在joomla中创建项目符号列表。 temple css 寺庙css
I added the code to the template css file, but the image never appears. 我已将代码添加到模板css文件中,但是图像从未出现。 What could be the cause of the bug? 该错误的原因可能是什么?
ul li.Selfclean {list-style:url("./images/com_droppics/17/cleanIcon50.png")left top no-repeat;}
<li class="Selfclean"> <h3>Title</h3> </li>
this code I added to the template. 此代码我添加到模板中。
ul li.Selfclean {list-style:url("./images/com_droppics/17/cleanIcon50.png")left top no-repeat;}
thank your for you help ) 谢谢您的帮助)
You used illegal attributes, see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style for available options. 您使用了非法的属性,有关可用选项,请参见https://developer.mozilla.org/en-US/docs/Web/CSS/list-style 。
The following example works, except the used logo is too big ;). 以下示例有效,但使用的徽标太大;)。 Also, using h3
inside li
makes it move the header to a new line, I'm not sure if that's the effect you wanted to achieve. 另外,在li
内使用h3
会使标题移动到新行,我不确定这是否是您想要实现的效果。
li.Selfclean { list-style: url("https://mirrors.creativecommons.org/presskit/icons/cc.png"); }
<li class="Selfclean">Title</li>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.