小编Ste*_*eve的帖子

CSS 表格边框

表具有以下属性和关联的 CSS:

<table border="0" cellspacing="0" cellpadding="2" class="noborder">
Run Code Online (Sandbox Code Playgroud)

.noborder { 边框:0px; }

但它显示时带有 1 像素的白色边框。Google Chrome 检查器显示“用户代理样式表”中有一个关联的样式,其 CSS 为:

表{显示:表;边界折叠:分开;边框间距:2px;边框颜色:灰色;}

但这不是白色边框。什么 CSS 生成白色边框?

css html-table

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

将固定宽度设置为Nivo Slider

我已经使用免费下载中包含的演示代码安装了Nivo Slider.

我在滑块中包含的所有图像都是800像素宽.

但是,它们的大小调整为1440像素.正在插入额外的代码:

<img src="images/bar.jpg" data-thumb="images/bar.jpg" alt="" title="" style="display: none; width: 1440px;">
Run Code Online (Sandbox Code Playgroud)

我搜索过CSS和JS,但没有提到1440.

这个宽度在哪里设定?

css nivo-slider

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

无法使CSS自动换行:断词工作

我遇到一个问题,当浏览器宽度小于显示在一行上的按钮时,宽表单按钮不会换行到下一行。

杰斯小提琴

HTML:

<input type="submit" onclick="" tabindex="26" value="Help me develop better solutions for small business" class="gform_button button" id="gform_submit_button_1">
Run Code Online (Sandbox Code Playgroud)

CSS:

body {font-size: 16px;}
.gform_button.button {
  background-color: #E96E39;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  hyphens: auto;
  word-wrap: break-word;
  box-sizing: content-box;
  font-size: 1em;
  color: #FFF;
  font-weight: 700;
  letter-spacing: 0.046875em;
  padding: 0.84375em 0.875em 0.78125em;
  text-transform: uppercase;
  max-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

如何使按钮换行到下一行,并且最多为视口宽度的 100%?

谢谢。

css word-wrap

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

如何在用户当前滚动位置加载模式窗口

此页面的右下角,有一个 YouTube 播放按钮,单击该按钮将打开一个模式窗口,但模式窗口出现在浏览器窗口的顶部,因此用户必须向上滚动。

<img src="http://gm.insightcomdes.com.au/wp-content/themes/wtc%2029.3.18/images/icons/video-play.png" width="" height="" alt="play video" class="aligncenter" id="toggle">

jQuery(document).ready(function() {
    jQuery('#toggle').click(function(){
        jQuery('#video').appendTo('body');
        jQuery('#video').addClass('active');
        jQuery(window).scrollTo(jQuery('#top').scrollTo());
    });
    jQuery('#close').click(function(){
        jQuery('#video').removeClass('active');
    });              
});

<div class="mfp-container active" id="video">
    <div class="mfp-content">
         <p align="right"><img src="http://gm.insightcomdes.com.au/wp-content/themes/wtc%2029.3.18/images/icons/close.png" alt="close video" width="20" height="20" id="close"></p>
         <iframe width="560" height="315" src="https://www.youtube.com/embed/ut6UYwbt6Xk" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>            
     </div>
</div>

<style>
.mfp-container {
    text-align: center;
    vertical-align: middle;
    position: absolute;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(0,0,0,0.5);
    display: none;
    z-index: 999999999; …
Run Code Online (Sandbox Code Playgroud)

modal-dialog

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

CSS:对一些简单的数学感到困惑

我在这个页面上有以下CSS :

#left {
  display: table-cell;
  float: left;
  width: 20%;
  padding: 2.5%;
}
#right {
  display: table-cell;
  float: right;
  width: 75%;
}
Run Code Online (Sandbox Code Playgroud)

我相信2.5 + 20 + 2.5 + 75 = 100.

但是#left和之间存在很大差距#right.那为什么?我想#left,#right并将占用所有#main.

另外,我该怎么重置它#footer,所以它排在下面#left

谢谢.

css

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

jQuery切换并没有真正起作用

这个网站上,我有以下内容<script>

<script>
    $(document).ready(function() {
        $('#menu-item-63>a').click(function(){
            $('#newsletter-container').toggle();
        }
    }};
</script>
Run Code Online (Sandbox Code Playgroud)

以下菜单:

<ul id="menu-bottom-menu" class="menu"><li id="menu-item-56"><a href="https://staging.venusanddiamonds.com/contact">Contact Us</a></li>
    <li id="menu-item-63"><a href="#">Subscribe</a></li>
    <li id="menu-item-55"><a href="https://staging.venusanddiamonds.com/faq">FAQ</a></li>
    <li id="menu-item-54"><a href="https://staging.venusanddiamonds.com/privacy-terms">Privacy &amp; Terms</a></li>
    <li id="menu-item-53"><a href="https://staging.venusanddiamonds.com/news-events">News &amp; Events</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

以下div:

<div id="newsletter-container">
    <div id="newsletter">
        ...etc...
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但是,当我Subscribe在底部菜单中单击时,切换不起作用 - #newsletter-container不显示.

jquery toggle

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

使用.htaccess将所有子域从http重定向到https

如何将example.comfrom的所有子域重定向httphttpsusing .htaccess

我已经搜索过Google,但是找不到解决方案。

.htaccess

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

如何使用 .htaccess 向机器人隐藏 Wordpress debug.log

如何使用 .htaccess 从搜索机器人中隐藏 Wordpress debug.log?

IE: /wp-content/debug.log

谢谢。

.htaccess

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

如何水平居中对齐图像

这个页面上,有一些员工照片.

在纵向模式的iPad上,员工照片在右侧被切断.

我不介意它们被切断,但我希望它们对齐中心,而不是左对齐.

在此输入图像描述

请注意,我希望图像尺寸相同,只是向左移动对齐以使其居中,以便面部显示在图像边界的中间.

我从这个问题尝试了以下解决方案:

.ult-ib-effect-style13.ult-ib2-min-height img {
    display:block;
    margin:auto;
}
Run Code Online (Sandbox Code Playgroud)

.ult-ib-effect-style13.ult-ib2-min-height {
    text-align: center; 
}
Run Code Online (Sandbox Code Playgroud)

.ult-ib-effect-style13.ult-ib2-min-height {
    display: flex;
    justify-content: center;
}
Run Code Online (Sandbox Code Playgroud)

但这些都不起作用.

html css css3 flexbox

-2
推荐指数
1
解决办法
823
查看次数