小编eve*_*_mf的帖子

绝对左侧位置:50%不在中间位置

我有一个包装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)

html css absolute

5
推荐指数
1
解决办法
3833
查看次数

创建多色图标。图标月亮

很难找到有关如何创建具有两种颜色(facebook -白色和蓝色,google-白色和红色.....)的图标的任何明确信息。客户希望能够随心所欲地更改这两种颜色。我一直在环顾四周,我发现只有http://www.programask.com/question_41701651_multicolored-icon-fonts#对客户来说似乎很简单清晰(在他们想要的时候改变颜色,但我没有了解程序...)。

我目前使用 icomoon,但我找不到如何添加颜色....

所以我明白我需要一个图像编辑器,如果是facebook图标,我选择“f”并将其保存在.svg中,然后与背景相同但“没有f”,我也将其保存到svg ,但是……我如何将它们放在一起以仅引用一个图标?

虽然我不需要用 icomoon 来做(但我需要免费软件),但是有人可以解释我如何通过 css 为图标着色吗?

谢谢

css icons

5
推荐指数
2
解决办法
2万
查看次数

响应数据表html

我有一个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)

html css html-table responsive

3
推荐指数
1
解决办法
2217
查看次数

没有数据库保存数据?

我正在编写一个PHP/HTML应用程序,我想编译到Windows应用程序而不需要浏览器(ExeOutput例如).

好吧,我父亲在狱中工作,所以他有网络连接,但他无法访问很多网站,因为浏览器不允许他(再次,我说他告诉我的,我不知道如何他们"不允许他").所以他要求让这个应用程序可移植.

事情是......它是一个应用程序,它应该保存他所做的一切.它总共有几个小时,并且每天都按照他的工作时间输入,并且在他添加了几个小时的日子里,它在日历上显示一个"点",加上那些小时数必须从总数中减去.

它将有一个"保存"按钮,下次他访问应用程序时,他上次更改的所有时间都会再次加载.

这有意义吗?

好吧,在工作中,我在服务器上工作,所以我会创建一个表来保存这些数据,但因为它不是任何工作,一旦我完成,我不能再使用这个服务器了.

我的问题是,如果没有数据库,我是否可以保存数据?因为我猜他的电脑上没有数据库:S

对于我来说,编程所涉及的一切仍然非常抽象,所以我所说的任何事情都可能有意义.

我已经在这里阅读了另一篇文章Sails.js,但是当我查看信息时,我不清楚它是否正在寻找.如果有人对我想要实现的目标有所了解......我将不胜感激任何帮助!

php database sails.js server

1
推荐指数
1
解决办法
1328
查看次数

创建音量条 javascript

我需要创建一个音频播放器,但我不知道如何将其转换为 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)

javascript progress audio-player

1
推荐指数
1
解决办法
6762
查看次数