小编Mr.*_*ien的帖子
如何用CSS隐藏<dl>项？
我有一个由Wordpress插件生成的列表.我想简单地删除列表的第一行,即元素和CSS.
这是我的HTML:
<dl>
<dt class="coffee">Coffee</dt>
<dd>Black hot drink</dd>
<dt class="milk">Milk</dt>
<dd>White cold drink</dd>
</dl>
我试过display:none但它只适用于<dd>.
推荐指数
解决办法
查看次数
PHP:关于使用echo
我写<?php echo '<input type="Radio" name="mark" value="mt">asdasddddd </br>';
?>了一个HTML文件.
但它总是告诉我 Parse error: syntax error, unexpected T_ECHO
我找到了一些说明,但不知道这个sntax有什么问题.
提前致谢.
推荐指数
解决办法
查看次数
如何改变内容流？
在这个jsfiddle中,我正在尝试创建书签形状.只有一个三角形需要改变它的位置.
<div id = "bookmark">
<div id = "rectangle"></div>
<div id = "triangle-topleft"></div>
<div id = "triangle-topright"></div>
</div>
我可以很容易地使用相对定位并转移它,但我不想这样做.我想要一个更具延展性的解决方案.
而不是从顶部到底部流动的形状.我希望最后一个形状从左向右流动.因此有3种形状,前两种形状处于完美位置,但第三种形状需要放置在第二种形状的右侧,而不是位于其下方.
我可以使用什么CSS来做到这一点？
推荐指数
解决办法
查看次数
CSS - 将<divs>放在透明的<div>上
有什么办法可以让内容/图像在透明度不透明的情况下<div>变得不透明吗？
这是HTML:
<div id="main-button-wrapper" class="left">
<div id="button-bg-layer" class="box-bg-layer corners"></div>
<div class="buttons-bg-overlay box-bg-overlay corners">
<img alt="Test" src="http://www.schroff.co.uk/railway/src/symbol_test.gif" />
</div>
</div>
CSS:
#main-button-wrapper {
height: 319px;
margin-left: 22px;
position: relative;
width: 321px;
}
#button-bg-layer {
position: absolute;
right: 0;
height: 319px;
width: 321px;
}
.buttons-bg-overlay {
position: relative;
right: 0;
margin: 11px;
height: 66px;
width: 299px;
text-align: center;
padding-top: 26px;
}
#buttons-wrapper {
position: relative;
width: 299px;
height: 297px;
z-index: 3;
margin: 22px;
}
/* Background Layers */
.box-bg-layer { …推荐指数
解决办法
查看次数
使用浮动并排对齐div元素
我主要是一个后端开发人员,但我正试图让布局正确.基本上我正在创建一个列表视图页面,它将div在左侧包含一个标签,其中包含一堆过滤器(下拉列表,复选框等).在屏幕的右侧,我将有一个div包含网格的标签.这似乎有效,但是当我在头顶上或者我的屏幕没有达到最大值时看起来很糟糕.我这样做了吗？基本上这就是我所追求的:
我为此做的CSS就像这样简单:
.filterContainer {
width:20%;
float:left;
}
.gridContainer {
width:79%;
float:right;
}
基本上.filterContainer是我的左div(dLeft),.gridContainer是我的权利div(dRight).这对我想要实现的目标有效吗？结果如下所示:
http://i.imgur.com/WFasMF1.png
但是,如果我调整窗口大小,我最终会得到以下结果:
http://i.imgur.com/4u9HRlK.png
我认为这是正常的,因为我正在调整大小,但我的CSS是否有效？
推荐指数
解决办法
查看次数
CSS HTML最后一个孩子不工作？
你好我想要在课堂上所有的thirth div:highLightBoxSmall有margin-right:0;
这是我的HTML:
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment1.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment2.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment2.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment1.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment2.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment2.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment1.png" class="highLightsImg mid" /> <span class="highLightHeader">Monitoren</span></div></a>
<a href="assortimentoverzicht.html"><div class="highLightBoxSmall"> <img src="images/style/HighLightAssortiment2.png" class="highLightsImg mid" …推荐指数
解决办法
查看次数
中心HTML对象水平和垂直
我知道这些问题被问了很多次,但我不能为我的生活弄清楚如何让我的物体垂直居中.任何帮助将不胜感激!
演示 - http://jsfiddle.net/3aVjV/1/
<!doctype html>
<html lang="en" class="demo-3 demo-dark js boxshadow pointerevents placeholder">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<body>
<div class="container">
<service class="main">
<ul class="bokeh">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</service>
</div>
</body>
CSS
html {
height: 100%;
margin:0;
padding:0;
}
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}
body {
-webkit-font-smoothing: antialiased;
overflow: hidden !important;
margin:0;
padding:0;
}
.container {
width: 100%;
position: fixed;
margin: auto;
height: 100%;
}
.main …推荐指数
解决办法
查看次数
图像在div内移动
我正在尝试创建一些div来保存一堆图像.只是为了测试我现在只放入1张图片.我的问题是它向下移动了3个像素.据我所知,这是因为我在容器div上有一个3像素的边距,但我不明白为什么对图像有任何影响.我试图为图像设置以下内容但似乎没有任何效果.
padding:0;
margin:0;
border:0;
line-height:0;
http://testdummies.dk/8pane/glue.php
<div class="box small">
<img src="http://upload.wikimedia.org/wikipedia/commons/c/ce/Noah_Webster_200x200.jpg">
</div>
.box {
background-color: #B9C4F4;
border-radius: 3px;
display: inline-block;
margin: 3px;
}
我已经拉了几个小时的毛发试图解决这个问题,但没有得到任何结果.
任何帮助都非常有用!
树脂
推荐指数
解决办法
查看次数
在检查嵌套单选按钮时选择标签元素
什么是正确的CSS语法来定位围绕输入字段的标签？
<div class="radio">
<label>
<input checked="checked" name="duration" type="radio" value="2" />
2
</label>
</div>
这不起作用:
.radio input[type='radio']:checked label { outline: 1px solid gray; }
推荐指数
解决办法
查看次数
如何更改选择选项的高度和悬停背景颜色
<select name="mySelect" class="select-min">
<option value="0">please select</option>
<option value="1">item1</option>
<option value="2">item2</option>
<option value="3">item3</option>
<option value="4">item4</option>
<option value="5">item5</option>
</select>
当鼠标悬停在选项上时，我想更改选项的高度和背景颜色，我尝试了很多次，但都失败了
推荐指数
解决办法
查看次数
标签 统计
css ×9
html ×8
css3 ×2
html5 ×2
css-float ×1
css-position ×1
echo ×1
grid-layout ×1
javascript ×1
jquery ×1
php ×1