表具有以下属性和关联的 CSS:
<table border="0" cellspacing="0" cellpadding="2" class="noborder">
Run Code Online (Sandbox Code Playgroud)
.noborder { 边框:0px; }
但它显示时带有 1 像素的白色边框。Google Chrome 检查器显示“用户代理样式表”中有一个关联的样式,其 CSS 为:
表{显示:表;边界折叠:分开;边框间距:2px;边框颜色:灰色;}
但这不是白色边框。什么 CSS 生成白色边框?
我已经使用免费下载中包含的演示代码安装了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.
这个宽度在哪里设定?
我遇到一个问题,当浏览器宽度小于显示在一行上的按钮时,宽表单按钮不会换行到下一行。
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%?
谢谢。
在此页面的右下角,有一个 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) 我在这个页面上有以下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?
谢谢.
在这个网站上,我有以下内容<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 & Terms</a></li>
<li id="menu-item-53"><a href="https://staging.venusanddiamonds.com/news-events">News & 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不显示.
如何将example.comfrom的所有子域重定向http到httpsusing .htaccess?
我已经搜索过Google,但是找不到解决方案。
如何使用 .htaccess 从搜索机器人中隐藏 Wordpress debug.log?
IE: /wp-content/debug.log
谢谢。
在这个页面上,有一些员工照片.
在纵向模式的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)
但这些都不起作用.
css ×5
.htaccess ×2
css3 ×1
flexbox ×1
html ×1
html-table ×1
jquery ×1
modal-dialog ×1
nivo-slider ×1
toggle ×1
word-wrap ×1