标签: html-lists
我可以在<li>标签内设置字体系列吗？
我猜不是因为我一直在尝试用例子而且没有任何作用......
我很好奇为什么不呢？我该怎么设置呢？
谢谢
推荐指数
解决办法
查看次数
你能在<textarea>里面找到一个html列表,它看起来像一个列表吗？
我试过了
<textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea>
看看我是否可以在一个html列表中添加一个html列表,<textarea>但它只显示为文本.有没有办法在textarea中显示它作为列表？
推荐指数
解决办法
查看次数
PHP将长字符串分隔为列表
我试图在数据库中存储一堆功能.我想的格式就是这样插入:
东西|分开了|更多东西|还有一些
现在,我需要从数据库中获取它并使其成为一个列表,如:
<ul>
<li>Stuff Here</li>
<li>Separated By That</li>
<li>More Stuff</li>
<li>And some more</li>
</ul>
那会容易吗？我知道我能做到:
str_replace("|", "<li>", $data);
但那对于第一个项目和最后一个项目以及结束标签不起作用.我是否应该将我的列表插入数据库？或者这样很好,我只需要正确的代码来更好地格式化无序列表？
推荐指数
解决办法
查看次数
为什么我的列表不能用PHP呈现？
我正在制作一个小型RSS阅读器,我希望它能够解析一个网站并列出一个feed.但是<ul>并<li>没有呈现和标签.有什么建议？
<?php
header("Content-Type: text/plain; charset=utf-8");
function jobs() {
$output = array();
$feed_url = 'http://www.jobs.ge/rss/jobs/';
$feed = simplexml_load_file($feed_url);
for($j=0; $j<10; $j++){
$title = $feed ->channel->item[$j]->title;
$link = $feed ->channel->item[$j]->link;
$desc= $feed ->channel->item[$j]->description;
$date = $feed ->channel->item[$j]->pubDate;
$output[] = array (
'title' =>$title,
'link' =>$link,
'description'=> $desc,
'date'=> $date,
);
}
return $output;
}
$feed = jobs();
?>
<ul>
<?php
foreach ($feed as $item) {
echo '<li>', $item['title'],'</li>';
}
?>
</ul>
推荐指数
解决办法
查看次数
Chrome中的<dl>缺少1行像素
我在我的网站上使用了一个基本列表,可以正常使用FF和IE.但是,Chrome中缺少一行像素.
JsFiddle感谢Jared的评论.
如果您没有看到丢失的行,请更改缩放值,它将显示为某些值(例如,在我的PC上为90%).
知道问题的根源吗？
截图:
灰色线条跳跃一个像素.
推荐指数
解决办法
查看次数
包含<a>标签的层次结构或嵌套列表上的Jquery
您将如何为包含<a>标记的以下列表正确编写jquery 代码.我有两个问题.
当我单击父列表项以显示子项时,父项将消失,并简单地替换为同一行上的缩进子项.
有些相关,我可以出于某种原因点击"1""2""3"和"4"的最后一个元素,导致列表实际上消失.我该如何解决这个问题？
HTML:
<div class="main_list">
<ul>
<li><a href="#">1.</a>
<ul>
<li><a href="#">1.1</a>
<ul>
<li><a href="#">1.1.1</a></li>
</ul>
</li>
</ul>
<li><a href="#">2.</a></li>
<li><a href="#">3.</a>
<ul>
<li><a href="#">3.1</a></li>
<li><a href="#">3.2</a></li>
</ul>
<li><a href="#">4.</a>
<ul>
<li><a href="#">4.1</a>
<ul>
<li><a href="#">4.1.1 </a></li>
<li><a href="#">4.1.2 </a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
JQUERY:
$(document).ready(function(){
// only show top level elements to begin
$("ul ul").hide();
$("li").click(function(){
$(this).children().toggle(500);
return false;
});
});
推荐指数
解决办法
查看次数
在Firefox中嵌套ul中有多余的空间，但在Chrome中则没有
我正在尝试为网站制作垂直边栏。中有多个主要项目ul，如果这些项目具有子类别，则新项目ul会嵌套在ul其父项目下的主要项目中li（这在下面的代码中更加明显）。在最新版的Chrome中，它应显示，但在最新的Firefox中，父级li及其对应的嵌套子项之间有一个空格ul。关于原因有什么想法吗？
这是基本的html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script>
</script>
<style>
</style>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<ul class="navigation">
<li>ITEM1</li>
<li>ITEM2</li>
<ul class="navigation subitem">
<li>subitem1</li>
<li>subitem2</li>
<li>subitem3</li>
</ul>
<li>ITEM3</li>
</ul>
</body>
</html>
这是相应的CSS：
.navigation {
display: inline;
width: 150px;
margin-top: 5px;
padding-left: 15px;
text-align: right;
vertical-align: middle;
}
.subitem {
margin: 0px;
vertical-align: top;
top: 0px;
}
.navigation li {
display: block;
font-family: 'Oxygen'; …推荐指数
解决办法
查看次数
如何在列表中显示隐藏的div
我有一个ul列表,每个li构造如下:
<li class="A">list-item
<div>1</div>
<div class="B">2
<div class="C">3</div>
</div>
</li>
其中div与class .C具有CSS属性display:none;
我想在li悬停时显示隐藏的div,但我希望它仅显示在活动的li项目上.所以当我悬停li项目时,它只显示隐藏div的列表项.
推荐指数
解决办法
查看次数
从<ul>删除子弹？
我有一个非常简单的html结构,如下所示:
<ul id="menu" ng-show="showMenu">
<li><a href="http://www.google.com" target="_blank">a</a></li>
<li><a href="http://www.msn.com" target="_blank">b</a></li>
</ul>
CSS:
*{
box-sizing:border-box;
margin:0;
padding:0;
}
body{
background:#f2f2f0;
padding:15px;
}
#menu ul{
list-style:none !important;
}
#menu li a{
color:inherit;
text-decoration:none;
}
该ul还表示,即使我把子弹list-style为无.当我删除它时#menu,它按预期工作.为什么会这样？#menu是的id ul,它应该适用于menu元素.我做错了什么吗？
推荐指数
解决办法
查看次数
Ajax代码仅适用于第一个<li>
我有以下代码:
<ul class='app-tasks'>
<li class='app-tasks__item'>
<label class='app-tasks__label'>
<input id='some' value='1' type='checkbox'/>
<span>One</span>
<div class='app-tasks__mark'></div>
</label>
</li>
<li class='app-tasks__item'>
<label class='app-tasks__label'>
<input id='some' value='2' type='checkbox'/>
<span>TWO</span>
<div class='app-tasks__mark'></div>
</label>
</li>
<li class='app-tasks__item'>
<label class='app-tasks__label'>
<input id='some' value='3' type='checkbox'/>
<span>Three</span>
<div class='app-tasks__mark'></div>
</label>
</li>
</ul>
这些li都来自MySQL.下面的代码用于删除它.
$('#some').change(function() {
if ($(this).is(':checked')) {
var id = $(this).val();
var dataString2 = 'id=' + id;
console.log(id);
$.ajax({
type: "GET",
url: "sub.php",
data: dataString2,
success: function() {
console.log("Okay");
var s = $('.app-tasks .app-tasks__item').length - 1; …推荐指数
解决办法
查看次数
标签 统计
html-lists ×10
html ×5
css ×3
php ×3
css3 ×2
html5 ×2
jquery ×2
ajax ×1
database ×1
firefox ×1
font-family ×1
javascript ×1
mysql ×1
nested ×1
nested-lists ×1
spacing ×1
string ×1
tags ×1
textarea ×1