标签: html-lists

这是一个WordPress站点,生成了类/ ID,我不能只是进入并添加一个类.

是的,我有萤火虫......但我是如此扭曲,并且对于这是来自BuddyPress还是....我只是在寻求帮助找到我要说的名单或类别列表-style-type:none;

我需要让具有子弹的UL在一般接触区域中工作,但不能在侧边栏或组类别中工作. http://ratest4.com/art-categories/

这是我希望从中移除子弹的代码(Gallery Hours h3):

<div id="primary" class="widget-area" role="complementary">
<ul class="xoxo">
<li id="text-3" class="widget-container widget_text"><h3 class="widget-title">Gallery Hours</h3>

这里是样式表附带的CSS,它确实可以用于PRE Buddypress

.widget-area ul {
list-style: none;
margin-left: 0;}

那么......为什么这不起作用？

另外对于侧边栏小部件标题/ h3s我有这个,但它也不服从:

.widget-title {
background:#555555;
color: #fff;
font-weight: bold;
 }

虽然边栏中的这些子弹没有预先BuddyPress安装(在标准的WordPress中,它们现在是.

我一直在为一些应该非常容易的东西感到困惑,但是在一个没有结果的三个小时之后我还没有解决它:

一位朋友让我修复了他的WordPress网站的模板,以便水平导航菜单栏在页面上水平居中.他希望它能够舒适地穿过红色部分的底部中间 - 然后它将恰好适合红色页面两侧的两个标志.

红色部分(class="header")已text-align设置为center.这似乎足以确保其下方的标题和描述文本居中对齐但由于某种原因我无法使菜单(即a ul)与页面中心对齐.

有人会建议我做错了吗？为什么我不能让菜单居中？我需要在样式表中进行哪些更改才能使其正常工作？

当我使用CSS3将它们转换为列时,列表项上的项目符号消失.任何想法为什么或如何纠正它的建议？

请参阅示例:http://jsfiddle.net/gduDm/1/

ul li {
    list-style-type: disc !important;
    column-break-inside: avoid;
}
ul {
    list-style-type: disc !important;
    margin-top: 1em;
    column-count: 2;
    column-gap: 0.5em;
}

我有一个<ul>元素.<li>除了第一个和最后一个,如何使用jQuery 删除其中的所有元素？

对于我的网站的主导航,有一个980px宽的div,主要导航链接为ul.我试图使导航链接拉伸以均匀地适合div的宽度.

<div style="width: 980px;">
<ul id="horizontal-style">
  <li><a href="#">Nav Item</a></li>
  <li><a href="#">Short Item</a></li>
  <li><a href="#">Really Long Nav Item</a></li>
  <li><a href="#">Nav Link</a></li>
  <li><a href="#">Another Link</a></li>
</ul>
</div>

我正在做一些典型的css来横向创建ul列表(float:left,display:block).我可以调整li的填充以使其非常接近,但我真正需要的是一种使其拉伸以适应自动的方法.可能？

编辑 难度1:无法使用表格.难度2:每个导航项目的宽度不同,以适应更长和更短的链接名称.

我正在尝试在CSS + HTML中创建一个如下所示的有序列表:

我不能为我的生活弄清楚如何做到这一点.我尝试过使用,list-image但数字不会出现.我尝试设置背景,但如果list-style-position设置为,它将不会出现在数字后面outside.我尝试用背景设置它list-style-position: inside,然后将文本放在lia中div以对齐它,但浮动,边距等的组合没有包围数字.

这似乎是我在很多网站上看到的东西,但目前我似乎无法找到一个有效的例子,谷歌搜索也没有给我任何结果.

那么,任何人都可以帮我这个吗？如何使用HTML + CSS创建上述内容,理想情况下不使用JS,绝对不使用图像.此文本需要是可选择的并且可以复制/粘贴.

因为一位评论者问,这是我现在的标记:

<ol>
  <li><span>List item one.</span></li>
  <li><span>List item two.</span></li>
  <li><span>List item three.</span></li>
</ol>

我尝试过的CSS都没有接近工作,所以我不确定分享我目前所拥有的价值.这是一个失败的版本......

ol { display: block; list-style: decimal outside url('/images/lists/yellow-circle-18px.png'); }
ol li { width: 176px; margin-right: 20px; float: left; }
ol li span { display: block; }

我有一个水平导航栏,如下所示:

<ul id = "Navigation">
    <li><a href = "About.html">About</a></li>
    <li><a href = "Contact.html">Contact</a></li>
    <!-- ... -->
</ul>

我使用CSS删除子弹点并使其水平.

#Navigation li
{
    list-style-type: none;
    display: inline;
}

我试图证明文本的合理性,以便每个链接均匀分布以填满整个ul空间.我尝试添加text: justify到选择器li和ul选择器,但它们仍然是左对齐的.

#Navigation
{
    text-align: justify;
}

#Navigation li
{
    list-style-type: none;
    display: inline;
    text-align: justify;
}

这很奇怪,因为如果我使用text-align: right它,它的行为与预期的一样.

如何均匀分布链接？

大多数网站显示的语法适用list-style于<li>但我已经看到一些适用于或的教程网站(如此).list-style<ul><ol>

哪种'正确'的方式？

我已经设定了这个:

list-style: none outside none;

和HTML:

<ul class="menu custompozition4">
    <li class="item-507"><a href=#">Strategic Recruitment Solutions</a>
    </li>
    <li class="item-508"><a href="#">Executive Recruitment</a>
    </li>
    <li class="item-509"><a href="#">Leadership Development</a>
    </li>
    <li class="item-510"><a href="#">Executive Capability Review</a>
    </li>
    <li class="item-511"><a href="#">Board and Executive Coaching</a>
    </li>
    <li class="item-512"><a href="#">Cross Cultutral Coaching</a>
    </li>
    <li class="item-513"><a href="#">Team Enhancement &amp; Coaching</a>
    </li>
    <li class="item-514"><a href="#">Personnel Re-deployment</a>
    </li>
</ul>

但即使显示子弹.(我不太确定那些是ul的子弹,因为当你将文本悬停在文本上时,"子弹"会加下划线.)

图片演示:http: //i.stack.imgur.com/EoXko.png

菜单中的第三级

是否有可能在HTML中编写符合W3C标准的多级项目符号(无序列表)？

可以使用嵌套ul,但不符合W3C.

 <ul>
     <li>myItem 1</li>
     <li>myItem 2</li>
     <ul>
        <li>myItem 2a</li>
     </ul>
     <li>myItem 3</li>
     <li>myItem 4</li>
 </ul>

• myItem 1
• myItem 2
• myItem 2a
• myItem 3
• myItem 4

在Visual Studio中,上面的代码给出了警告:验证(XHTML 1.0 Transitional):元素'ul'不能嵌套在元素'ul'中