小编Cra*_*ays的帖子
如何垂直居中div？
我正在尝试制作一个小的用户名和密码输入框.
我想问一下,你如何垂直对齐一个div？
我有的是:
<div id="Login" class="BlackStrip floatright">
<div id="Username" class="floatleft">Username<br>Password</div>
<div id="Form" class="floatleft">
<form action="" method="post">
<input type="text" border="0"><br>
<input type="password" border="0">
</form>
</div>
</div>
如何使用id用户名和表单将div垂直对齐到中心？我试图把:
vertical-align: middle;
在CSS中为id登录的div,但它似乎不起作用.任何帮助,将不胜感激.
推荐指数
解决办法
查看次数
CSS浮动离开不正常
我试图将两个div分成左右两个部分.左边的一个是静态的(300px高度)而右边的一个不是静态的(例如帖子和评论).底部有一个页脚.
<div>
<div>
<div class="right"><img src="images/members/bigava/crays.png" style="width: 630px; height: 130px;" /></div>
</div>
<div>
<div class="left" style="float: left;"><img src="images/members/ava/crays.jpg" style="width:120px; height:80px;" /></div>
</div>
我制作了一个宽度为760px的主div,因此在这些设置下,我还有10px备用.现在的问题是,我不能将float-right分配给具有右类的div,并且只能将float-left分配给具有左类的div.我尝试上下改变div,重新分配位置,但我得到的并不是我想要的.有帮助吗？
编辑
CSS
.right {
font-family: verdana;
font-size: 12px;
border-radius: 3px;
}
.left {
font-family: verdana;
font-size: 10px;
color: #000000;
border-radius: 3px;
}
这是我得到的结果,我不想要
我想要的是什么
推荐指数
解决办法
查看次数
制作像单选按钮一样的div
我想知道是否可以制作一个行为与单选按钮完全相同的div？我试图在没有使用很多人建议的jquery的情况下实现这一点,我检查了网络并找到了一些.
我之前的做法是使用javascript,这适用于少数
function Switcher(a,b,c,d,e){
document.getElementById('button1').style.background=a;
document.getElementById('button2').style.background=b;
document.getElementById('button3').style.background=c;
document.getElementById('button4').style.background=d;
document.getElementById('button5').style.background=e;
}
与onclick事件
onClick="Switcher(#c5e043,#241009,#241009,#241009,#241009)"
然后单击每个按钮切换,我可以添加一个检查单选按钮功能,但我注意到我可能需要达到20,这使列表真的很长.
我想知道是否有人有一个更简单的解决方案来解决这个问题？基本上我需要一个div,其行为就像一个单选按钮,可以在选中时改变bgcolor或smthg(收音机也是如此)
推荐指数
解决办法
查看次数
css不透明度影响兄弟图像不透明度
我有一个简单的div有两个孩子,一个div有图像,另一个div如下:
<div style="width: 500px;">
<div class="settingicon righty">
<img src="/images/icons/setting.png" />
</div>
<div class="schedulepicker quat todaytoday">MONDAY</div>
</div>
我想这样当第二个div被徘徊时,它会降低其不透明度0.9,所以在我的CSS中我.schedulpicker有这个规则:
.schedulepicker:hover {
opacity: 0.9;
}
问题是当它徘徊时,兄弟图像的不透明度也会发生变化.为什么会这样？
编辑
这是一个小提琴 http://jsfiddle.net/VUzg9/4/
我开始怀疑它实际上是文件本身.
编辑2
用jpg和gif测试,可能不是图像问题.
推荐指数
解决办法
查看次数
jquery切换多个div
我试图只用1个javascript来切换div.
我试过这个,第一个div做它本来应该做的但是第二个不做.
看一看.
<body>
<div>
<div>He
<div>You
<div id="Me"><a id="me">Me</a></div>
</div>
</div>
<div id="This">We
</div>
</div>
<div>
<div>1
<div>2
<div id="Me"><a id="me">3</a></div>
</div>
</div>
<div id="This">4
</div>
</div>
<script>
$("#me").click(function () {
$(this).parent().parent().parent().siblings("#This").slideToggle("slow");
});
</script>
</body>
当我点击我时,我们消失了,好吧.但是当我点击3时,4不会消失.
推荐指数
解决办法
查看次数
带有侧边栏的CSS 100%高度
我的CSS有100%的高度问题.我已经搜索了许多教程以及解决方案,但我似乎无法得到我想要的结果.我所拥有的是侧栏和主栏,其中将放置内容.
由于内容的主要列延伸,我希望侧边栏的背景也可以伸展.但我得到的是侧边栏的背景一直停留在一个点上并且它不会一直向下.
黑色背景是我的侧栏,内容似乎一直溢出.
我的代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CSS 100% Height</title>
<link rel="stylesheet" type="text/css" href="style2.css" />
</head>
<body>
<div id="page">
<div id="sidecolumn">
</div>
<div id="maincolumn">
<div id="content">
contents
</div>
</div>
</div>
</body>
</html>
CSS
html {
height: 100%;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#content {
background: #EEE;
font: 1.5em arial, verdana, sans-serif;
min-height: 100%;
}
#sidecolumn {
width: 500px;
height: 100%;
background: #000; …推荐指数
解决办法
查看次数
MySQL获得价值并总结它们
我试图总结下面这个脚本中的所有值,但不知道怎么做,我搜索网络,发现array_sum()但不知道在哪里使用它...
while($row = mysql_fetch_array($result))
{
$a = $row['aa'];
$b = $row['bb'];
$c = $row['cc'];
}
在上面的脚本中,所有变量的值都是1或0,我可以使用$ a + $ b + $ c手动添加它们,但如果列表变长,则需要一些时间.有没有更快的方式,以便我可以添加一切？
表的例证
ID NAME AA BB CC
1 YOU 1 0 1
2 ME 1 1 1
所以我想要的是"你"的值为2,而"ME"的值为3
推荐指数
解决办法
查看次数