style="border:solid 1px transparent" 不是在IE6中工作,而是显示黑色边框.
如何解决这个问题？
您好，我正在尝试使用一些处理显示和表单提交的jQuery来制作一个CSS下拉列表。我正在努力做的一件事就是做到这一点，这样下拉列表就不会将其他元素推倒。欢迎任何其他建议，这是我的代码（我知道根本不应该使用表，而必须在旧版UI中使用它，所以请耐心等待）
<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"> </script>
<style>
*{padding:0;margin:0;}
span.icon{
display:inline;
height:15px;
width:15px;
}
span.icon.left{
float:left;
padding-left:5px;
}
span.icon.right{
float:right;
padding-right:5px;
}
div.dropDown{
height:20px;
width:200px;
margin:10px;
padding:2px 0;
cursor:pointer;
border:1px solid #ccc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#f5f5f5;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(230,230,230)),
color-stop(0.84, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
center bottom,
rgb(230,230,230) 0%,
rgb(255,255,255) 84%
);
}
div.dropDown:hover{
border:1px solid #777;
background-color:#eee;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(255,255,255)),
color-stop(0.84, rgb(230,230,230))
);
background-image: -moz-linear-gradient(
center bottom, …我正在使用这个CSS代码
#main ul li {
list-style-type: disc;
list-style-position: inside;
}
用于显示列表项.
问题是如果列表项扩展到更多行,则新行不会缩进.我的列表渲染了点下方的文本,我希望它呈现缩进.
我已经用图标制作了一个子弹点列表,但我不能很好地对齐文本.
HTML:
<ul>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
</ul>
<ul>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
<li class="moutlook">List</li>
</ul>
CSS:
ul li {
font-weight: bold;
font-size: 110%;
margin: 0px 0 15px 45px;
padding-top:0px;
border: 1px solid #fff;
line-height: 0;
}
.moutlook {
list-style-image: url(../images/icon.png);
padding-top: 10px
}
我已经尝试了所有类型,你可以看到,此刻它是这样的:
-------
- -
- -
------- List
它应该是这样的:
-------
- - List (well in the middle)
- -
-------
我计划在每个上使用不同的图标,出了什么问题？
所以,我试图将图像设置为html元素高度和宽度的100%(实际上浏览器窗口就是我想要的).我把CSS设置为
html{
width: 100%;
height: 100%;
}
img{
width: 100%;
height: 100%;
z-index: 0%;
}
宽度表现正确,但高度不会改变.我尝试将它设置为高度:2%并保持相同的高度.我不想使用px来设置高度,因为我希望这可以在移动设备上运行,但是HEIGHT,YU NO NO？
HTML:
<ul id="popular-tags-hidden">
<li id="tag-1"><a class="display-new-tag" href="#">Tag 1<img width="10" height="10" src="http://www.communr.com/images/add-tag.png"></a></li>
<li id="tag-2"><a class="display-new-tag" href="#">Tag 2<img width="10" height="10" src="http://www.communr.com/images/add-tag.png"></a></li>
<li id="tag-3"><a class="display-new-tag" href="#">Tag 3<img width="10" height="10" src="http://www.communr.com/images/add-tag.png"></a></li>
<li id="tag-4"><a class="display-new-tag" href="#">Tag 4<img width="10" height="10" src="http://www.communr.com/images/add-tag.png"></a></li>
<li id="tag-5"><a class="display-new-tag" href="#">Tag 5<img width="10" height="10" src="http://www.communr.com/images/add-tag.png"></a></li>
</ul>
CSS:
ul#popular-tags-hidden li {
float: left;
overflow: hidden;
margin: 3px 6px 3px 0;
}
a.delete-new-tag, a.display-new-tag {
float: left;
background: #e2f2ce;
height: 20px;
padding: 0 5px 0 5px;
margin: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; …我有以下代码:
<div class="sidebar">1</div>
<div class="sidebar">2</div>
<div class="sidebar">3</div>
如何使用CSS来定位最后一个div元素？如果可能的话我想改变造型.
<div class="sidebar">3</div>
遗憾的是,我无法访问生成的HTML,所以这甚至可能吗？
我有一个在某些网站上使用的外部脚本该脚本试图计算整个HTML页面的高度(而不仅仅是可见部分..)
一切都没问题,除了一个奇怪的案例 - 一些网站使用body { height:100% }.当JavaScript试图计算整个页面的高度时,它只返回可见高度.
我用了:
document.body.scrollHeight
在Chrome和Firefox上测试过
我是编程的初学者,在这种情况下无法理解为什么这个Python代码不能按预期工作.
我试图通过调用函数内的函数来使用递归; 调用该函数n次,并将每个循环将n减1到0,此时它将停止.
相反,我的代码打印'freak'一次,然后我得到'最大递归深度'错误消息.
def print_m():
print ('freak')
def do_n(arg, n)):
if n >= 0:
print (do_n(arg,n))
n = n - 1
我只是对如何在实现中水平居中对齐一列感到困惑！我尝试使用offset-m但它没有居中。
请帮忙！
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" type="text/css" rel="stylesheet">
<div class="row">
<h3 class="center-align">Welcome</h3>
<form class="col s12 center-align">
<!--I want to horizontally align these input fields-->
<div class="row">
<div class="col s3">
<input type="text" id="first_name" placeholder="First Name" name="first_name">
</div>
</div>
<div class="row">
<div class="col s3">
<input type="text" id="last_name" name="last_name">
</div>
</div>
<div class="row">
<div class="col s3">
<input type="email" id="email" name="email">
</div>
</div>
<div class="row">
<div class="col s3">
<input type="password" id="password" name="password">
</div>
</div>
<div class="row">
<div class="col s3">
<input type="submit" class="btn">
</div>
</div> …css ×9
html ×3
border-color ×1
javascript ×1
jquery ×1
materialize ×1
nowrap ×1
python ×1
recursion ×1
stylesheet ×1