Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
Html Blogger下拉菜单问题_Html_Css_Blogs_Blogspot - Fatal编程技术网

Html Blogger下拉菜单问题

Html Blogger下拉菜单问题,html,css,blogs,blogspot,Html,Css,Blogs,Blogspot,当你点击我的下拉菜单中的链接时,URL只是不断地将下一个URL/页面添加到上一个。下面是我的代码和问题的截图。我做错了什么 #菜单栏{ 背景:#00ffffff; 宽度:840px; 颜色:#FFF; 边际:0px; 填充:0; 位置:相对位置; 边框顶部:0px实心#B2FFFF; 高度:35px; } #菜单{ 保证金:0; 填充:0; } #菜单{ 浮动:左; 列表样式:无; 保证金:0; 填充:0; } #菜单里{ 列表样式:无; 边缘底部:10px; 垫底:0px; 左边框:1px实

当你点击我的下拉菜单中的链接时,URL只是不断地将下一个URL/页面添加到上一个。下面是我的代码和问题的截图。我做错了什么

#菜单栏{
背景:#00ffffff;
宽度:840px;
颜色:#FFF;
边际:0px;
填充:0;
位置:相对位置;
边框顶部:0px实心#B2FFFF;
高度:35px;
}
#菜单{
保证金:0;
填充:0;
}
#菜单{
浮动:左;
列表样式:无;
保证金:0;
填充:0;
}
#菜单里{
列表样式:无;
边缘底部:10px;
垫底:0px;
左边框:1px实心#d3;
右边框:1px实心#D3;
高度:35px;
}
#李娜,,
#李娜:链接,
#李娜:参观了{
颜色:#000;
显示:块;
字体:标准20px Bradley Hand ITC、Book Antiqua、Century哥特式、Harlow纯色斜体、Arial Unicode MS;
保证金:0;
填充:9px 12px 10px 12px;
文字装饰:无;
}
#a:悬停,
#菜单a:活动{
背景:13万;
/*菜单悬停*/
颜色:#FFF;
显示:块;
文字装饰:无;
保证金:0;
填充:9px 12px 10px 12px;
}
#菜单里{
浮动:左;
填充:0;
}
#菜单li-ul{
z指数:9999;
位置:绝对位置;
左:-999em;
高度:自动;
宽度:160px;
保证金:0;
填充:0;
}
#李乌拉菜单{
宽度:140px;
}
#菜单{
利润率:-25px 0 160px;
}
#菜单李:悬停ul,
#菜单李:悬停ul,
#菜单li.sf悬停ul,
#菜单li.sfhover ul{
左:-999em;
}
#菜单李:悬停ul,
#菜单李莉:悬停ul,
#菜单李莉:悬停ul,
#菜单li.sful,
#菜单li li.sful,
#菜单li.sfhover ul{
左:自动;
}
#李:悬停,
#菜单li.sfhover{
位置:静态;
}
#李丽娜,
#菜单李莉:链接,
#菜单李莉a:参观了{
背景:#00FFFF;
/*下拉式背景色*/
宽度:120px;
颜色:#FFF;
显示:块;
字体:标准20px Bradley Hand ITC、Book Antiqua、Century哥特式、Harlow纯色斜体、Arial Unicode MS;
保证金:0;
填充:9px 12px 10px 12px;
文字装饰:无;
z指数:9999;
边框底部:1px实心#1A6680;
}
#菜单李莉a:悬停,
#菜单李莉a:活动{
背景:13万;
/*下拉悬停*/
颜色:#FFF;
显示:块;
保证金:0;
填充:9px 12px 10px 12px;
文字装饰:无;
}



您的链接具有相对路径,这意味着
href=“…”
中的部分将添加到浏览器中当前的地址

href=“…”
更改为:

 <div id='menubar'>
    <ul id='menus'>
      <li>
        <a href="/">Home</a>
      </li>
      <li>
        <a href="/search/label/Posts">Posts</a>
        <ul>
          <li><a href="/search/label/FKUI">FK UI</a></li>
          <li><a href="/search/label/Articles">Articles</a></li>
          <li><a href="/search/label/Download">Download</a></li>
        </ul>
      </li>
      <li>
        <a href='#'>About Me</a>
      </li>
    </ul>
  </div>

将此代码添加到您的网站

@导入url(http://fonts.googleapis.com/css?family=Montserrat);
@导入url(https://fonts.googleapis.com/icon?family=Material+图标);
* {
保证金:0;
填充:0;
}
.导航{
背景:#2323;
高度:60px;
显示:内联块;
}
李国荣先生{
浮动:左;
列表样式类型:无;
位置:相对位置;
}
李娜先生{
字体大小:16px;
颜色:白色;
显示:块;
线高:60px;
填充:0 26px;
文字装饰:无;
左边框:1px实心#2e;
字体系列:蒙特塞拉特,无衬线;
文本阴影:0 1px rgba(255、255、255、0.5);
}
李娜:悬停{
背景色:#2e;
}
#设置a{
填充:18px;
高度:24px;
字体大小:10px;
线高:24px;
}
:-webkit输入占位符{/*webkit浏览器*/
颜色:白色;
}
:-moz占位符{/*Mozilla Firefox 4到18*/
颜色:白色;
}
:-moz占位符{/*Mozilla Firefox 19+*/
颜色:白色;
}
:-ms输入占位符{/*Internet Explorer 10+*/
颜色:白色;
}
#选择a{
左边框:0无;
}
#选项>a{
背景图片:url(triangle.png);
背景位置:85%居中;
背景重复:无重复;
右边填充:42px;
}
.subnav{
可见性:隐藏;
位置:绝对位置;
最高:110%;
右:0;
宽度:200px;
高度:自动;
不透明度:0;
过渡:所有0.1秒;
背景:#2323;
}
李素娜先生{
浮动:无;
}
李亚娜先生{
边框底部:1px实心#2e;
}
#选项:hover.subnav{
能见度:可见;
最高:100%;
不透明度:1;
}
可能重复的(或至少有助于回答。)
// Examples:
// href="/" => http(s)://CURRENT_DOMAIN/
// href="/search/label/FKUI" => http(s)://CURRENT_DOMAIN/search/label/FKUI
// href="search/label/FKUI" => http(s)://CURRENT_DOMAIN/CURRENT_PATH/search/label/FKUI