Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript I';我无法删除html文档中的空白_Javascript_Html_Css - Fatal编程技术网

Javascript I';我无法删除html文档中的空白

Javascript I';我无法删除html文档中的空白,javascript,html,css,Javascript,Html,Css,我已经上传了我的网页截图,还有HTML、CSS和JavaScript。标记和标记中都有一些空格,我无法解析 var myIndex=0; 转盘(); 函数旋转木马(){ var i; var x=document.getElementsByClassName(“mySlides”); 对于(i=0;ix.length){myIndex=1} x[myIndex-1].style.display=“block”; setTimeout(carousel,2000);//每2秒更改一次图像 }

我已经上传了我的网页截图,还有HTML、CSS和JavaScript。
标记和
标记中都有一些空格,我无法解析

var myIndex=0;
转盘();
函数旋转木马(){
var i;
var x=document.getElementsByClassName(“mySlides”);
对于(i=0;ix.length){myIndex=1}
x[myIndex-1].style.display=“block”;
setTimeout(carousel,2000);//每2秒更改一次图像
}
*{margin:0;padding:0;}
.mySlides{display:none;}
.标志{
浮动:左;
右边距:100px;
}
.导航{
背景色:天蓝色;
高度:55px;
}
李国宝先生{
列表样式类型:无;
显示:内联;
字体系列:“Fjalla One”,无衬线;
字号:1.5em;
字体大小:粗体;
右边距:4em;
}
纳瓦尔先生{
文字装饰:无;
颜色:黑色;
}
标题{
浮动:左;
}
.侧边栏h1{
字体系列:“Pacifico”,草书;
文本对齐:居中;
}
.页脚{
明确:两者皆有;
背景颜色:灰色;
高度:207px;
宽度:100%;
}
.链接{
利润底部:3倍;
}
.底部链接{
列表样式类型:无;
字体系列:verdana;
字体大小:粗体;
文字装饰:无;
左边距:100px;
右边距:100px;
边缘顶部:15px;
边缘底部:55px;
浮动:左;
}
李安先生{
文字装饰:无;
颜色:黑色;
}
.地址{
边缘顶部:15px;
右边距:400px;
列表样式类型:无;
字体系列:verdana;
字体大小:粗体;
浮动:左;
}
.社会偶像{
利润上限:70像素;
浮动:对;
列表样式类型:无;
}
.社会偶像李{
显示:内联;
右边距:20px;
}
.社会偶像a{
颜色:白色;
不透明度:0.8;
}
.社会偶像i{
字号:1.5em;
}
.fa脸谱网{
填充:10px 14px;
-o-转变:.5s;
-ms转换:.5s;
-moz转变:.5s;
-webkit转换:.5s;
过渡:.5s;
}
.fa facebook:悬停{
背景色:#3d5b99;
}
.fa推特{
填充:10px 12px;
-o-转变:.5s;
-ms转换:.5s;
-moz转变:.5s;
-webkit转换:.5s;
过渡:.5s;
}
.fa推特:悬停{
背景色:#00aced;
}
.fa instagram{
填充:10px 14px;
-o-转变:.5s;
-ms转换:.5s;
-moz转变:.5s;
-webkit转换:.5s;
过渡:.5s;
}
.fa instagram:悬停{
背景色:#bc2a8d;
}
.fa youtube{
填充:10px 14px;
-o-转变:.5s;
-ms转换:.5s;
-moz转变:.5s;
-webkit转换:.5s;
过渡:.5s;
}
.fa youtube:悬停{
背景色:#e64a41;
}
.fa linkedin{
填充:10px 14px;
-o-转变:.5s;
-ms转换:.5s;
-moz转变:.5s;
-webkit转换:.5s;
过渡:.5s;
}
.fa linkedin:悬停{
背景色:#0073a4;
}
.fa谷歌+{
填充:10px 9px;
-o-转变:.5s;
-ms转换:.5s;
-moz转变:.5s;
-webkit转换:.5s;
过渡:.5s;
}
.fa谷歌+:悬停{
背景色:#d34836;
}
.版权所有{
明确:两者皆有;
文本对齐:居中;
}

新班加罗尔咖啡馆之家
当日菜单
  • 链接

  • 地址

  • #阿卡德高地123号
  • 三角洲块体
  • 印地拉纳加尔,StageII
  • 卡纳塔克:560008

©2017。保留所有权利

试着这样做

问题就在这里

<section class="sidebar">
<h1>Menu of the day</h1>
<img class="mySlides" src="pekingrice.jpg" width="500px" height="326px">
<img class="mySlides" src="chickenmomo.jpeg" width="500px" height="326px">
<img class="mySlides" src="lollipop.jpg" width="500px" height="326px">
</section>
注:


您必须调整图像
chickenmoo.jpg
宽度和高度,以便在节中进行完美设置

页边间距是个问题。请在正文标记后将其嵌入HTML代码中

<style type="text/css">
    .sidebar h1{
        margin: 0px;
    }
</style>

.侧边栏h1{
边际:0px;
}

此代码修复了
但滑块未修复您需要更改滑块css以修复该错误

检查浏览器检查器工具中计算的边距和填充请更新此代码以包括一个额外强调最小值的滑块。设置边距。。侧边栏的。。在css中
<style type="text/css">
    .sidebar h1{
        margin: 0px;
    }
</style>