我有一个包装div和内部我有一个<span>
绝对的位置,因为它是Icomoon的一个图标,我需要成为背景的一部分.然后,在同一个级别<span>
,另一个div,并在其中我有a <h1>
,a <p>
,an <input>
和a <span>
.
我已将<span>
绝对定位于包裹(它有相对位置),但是我想把它放在中间,它只需要左:26%,这根本不是50%!因此,当我调整屏幕大小时,问题就变成了它不会停留在包裹的中间.
我在想,为什么会造成这种情况?我刚刚发布了另一篇文章,因为我想在JSFiddle中包含这个问题,但我无法弄清楚如何在JSFiddle中包含字体文件,因此图标不会出现在那里.
有没有人对我能做些什么来解决它有一点想法?
.containerOfSites {
display: block;
height: auto;
float: none !important;
margin: 0 auto;
}
.wrapPortalItem {
padding: 0;
}
.insideWrapItem {
text-align: center;
border: 3px solid black;
padding: 15px;
position: relative;
}
.portalItem {
background-color: rgba(255, 255, 255, 0.75);
padding-top: 3%;
padding-bottom: 10%;
font-family: 'Open Sans', sans-serif;
position: relative;
}
.portalItem p {
margin-bottom: 40%;
font-size: 30px;
padding: 5px;
}
.portalItem p>span { …
Run Code Online (Sandbox Code Playgroud)很难找到有关如何创建具有两种颜色(facebook -白色和蓝色,google-白色和红色.....)的图标的任何明确信息。客户希望能够随心所欲地更改这两种颜色。我一直在环顾四周,我发现只有http://www.programask.com/question_41701651_multicolored-icon-fonts#对客户来说似乎很简单清晰(在他们想要的时候改变颜色,但我没有了解程序...)。
我目前使用 icomoon,但我找不到如何添加颜色....
所以我明白我需要一个图像编辑器,如果是facebook图标,我选择“f”并将其保存在.svg中,然后与背景相同但“没有f”,我也将其保存到svg ,但是……我如何将它们放在一起以仅引用一个图标?
虽然我不需要用 icomoon 来做(但我需要免费软件),但是有人可以解释我如何通过 css 为图标着色吗?
谢谢
我有一个5列表,在移动设备上,它需要为每一行重复每个标题.
我没有运气环顾互联网(可能是因为我使用错误的单词来搜索它"每行html重复表格标题")...我找到了一个解决方案,我已经丢失了,但它是如此代码太多,太难理解了.我正在寻找一些关于如何构建结构的建议/帮助,或者我需要做两个完全不同的标记?我也看过一些插件,但我不允许使用它们(我处于初级职位,他们希望我考虑如何自己解决问题).
我不能提供很多信息....因为我真的不知道该怎么做,但我想它必须是一种不重复每行的html标题的方法......对吗?
有帮助吗?
HTML:
<table class="myOrders col-xs-12" border="1">
<thead>
<tr class="headers col-xs-12">
<th class="col-sm-3 col-x-7">ORDER PLACED</th>
<th class="col-sm-2 col-x-7">ORDER ID</th>
<th class="col-sm-2 col-x-7">ORDER REF</th>
<th class="col-sm-3 col-x-7">ORDER AMOUNT</th>
<th class="col-sm-2 col-x-7">STATUS</th>
</tr>
</thead>
<tbody>
<tr class="order col-xs-12">
<td class="datePlaced col-sm-3 col-x-7"><span>2016-05-12</span><span>15.13.56</span></td>
<td class="ident col-sm-2 col-x-7">AW 1234-165</td>
<td class="ref col-sm-2 col-x-7">SMRF123</td>
<td class="amount col-sm-3 col-x-7">£23.33</td>
<td class="status col-sm-2 col-x-7">Pending</td>
</tr>
<tr class="order col-xs-12">
<td class="datePlaced col-sm-3 col-x-7"><span>2016-05-12</span><span>15.13.56</span></td>
<td class="ident col-sm-2 col-x-7">AW 1234-165</td>
<td class="ref col-sm-2 col-x-7">SMRF123</td>
<td class="amount col-sm-3 col-x-7">£23.33</td> …
Run Code Online (Sandbox Code Playgroud) 我正在编写一个PHP/HTML应用程序,我想编译到Windows应用程序而不需要浏览器(ExeOutput
例如).
好吧,我父亲在狱中工作,所以他有网络连接,但他无法访问很多网站,因为浏览器不允许他(再次,我说他告诉我的,我不知道如何他们"不允许他").所以他要求让这个应用程序可移植.
事情是......它是一个应用程序,它应该保存他所做的一切.它总共有几个小时,并且每天都按照他的工作时间输入,并且在他添加了几个小时的日子里,它在日历上显示一个"点",加上那些小时数必须从总数中减去.
它将有一个"保存"按钮,下次他访问应用程序时,他上次更改的所有时间都会再次加载.
这有意义吗?
好吧,在工作中,我在服务器上工作,所以我会创建一个表来保存这些数据,但因为它不是任何工作,一旦我完成,我不能再使用这个服务器了.
我的问题是,如果没有数据库,我是否可以保存数据?因为我猜他的电脑上没有数据库:S
对于我来说,编程所涉及的一切仍然非常抽象,所以我所说的任何事情都可能有意义.
我已经在这里阅读了另一篇文章Sails.js
,但是当我查看信息时,我不清楚它是否正在寻找.如果有人对我想要实现的目标有所了解......我将不胜感激任何帮助!
我需要创建一个音频播放器,但我不知道如何将其转换为 JavaScript。
这就是我到目前为止所拥有的......
HTML:
<audio id="music" src="http://www.sousound.com/music/healing/healing_01.mp3"
data-title="Title of the audio" data-author="Author's name"></audio>
<span class="volumeScaleHolder">
<span id="progressBar">
<span id="myVolume"></span>
</span>
</span>
Run Code Online (Sandbox Code Playgroud)
CSS:
#progressBar {
width: 100%;
height: 8px;
background-color: #666666;
display: inline-block;
}
#myVolume {
width: 10%;
height: 100%;
background-color: #B4BB6B;
display:block;
}
border: 0;
}
.volumeScaleHolder {
padding:0;
margin: 3px 0;
}
Run Code Online (Sandbox Code Playgroud)
JavaScript:
var audio = document.getElementById("music");
var audioVolumeBar = document.getElementById("progressBar");
var myVolumeBar = document.getElementById("myVolume");
var audioVolume = audio.volume;
function volumeAsProgressBar(volume) {
var audioVolumeProgressBar = document.getElementById("progressBar");
var audioVolumeMyBar = …
Run Code Online (Sandbox Code Playgroud) css ×3
html ×2
absolute ×1
audio-player ×1
database ×1
html-table ×1
icons ×1
javascript ×1
php ×1
progress ×1
responsive ×1
sails.js ×1
server ×1