小编Ora*_*max的帖子

我一直在尝试使用css将背景图像添加到div类.但没有成功.

HTML代码: -

<header id="masthead" class="site-header" role="banner">
      <div class="header-shadow"></div>
      <hgroup></hgroup>
      <nav role="navigation" class="site-navigation main-navigation">

      </nav><!-- .site-navigation .main-navigation -->
</header><!-- #masthead .site-header -->

CSS: -

.header-shadow{
    background-image: url('../images/header-shade.jpg');
}

附加信息:

这是带阴影的图像,我在网站顶部使用它,所以它不能有特定的宽度.

我在可扩展类别列表项上使用字体真棒'加'图标.当他们处于扩张状态时,我希望显示"减号"

HTML

<ul id="category-tabs">
    <li><a href="javascript:void"><i class="fa fa-fw">?</i>Category 1</a>
        <ul>
            <li><a href="javascript:void">item 1</a></li>
            <li><a href="javascript:void">item 2</a></li>
            <li><a href="javascript:void">item 3</a></li>
        </ul>
    </li>
</ul>

jQuery的

$('#category-tabs li a').click(function(){
    $(this).next('ul').slideToggle('500');
});

我一直在尝试为链接按钮实现margin-top,但它根本不起作用.我还尝试了'p'和'a'标签的内联样式.

有3个li元素,我没有在这里发布整个代码,因为它与first li元素相同.

HTML

<div id="services">
    <ul>
        <li>
            <img src="images/service.png" alt=""/>
            <p class="service-heading">Service 1</p>
            <p>Amet nisi porttitor enim parturient, cras! Odio pulvinar a cras? Sit sociis. Augue tempor mid rhoncus nec nisi ac pulvinar dictumst</p>
            <p><a href="#">Read More</a></p> 
        </li>
    </ul>
</div>

这是上面的html的css代码.css代码:

#services{
    background-color: #afc1ff;
    height: 490px;
    padding: 5%;
    border-top: 5px solid #4972ff;
    border-bottom: 5px solid #4972ff;
}
 #services ul{
/*  background-color: red; */
    margin: 0;
    padding-left: 10px;
    padding: 0 0 0 50px;
}
#services ul li{
    display: inline-block;
    width: …

第三个框中的占位符文本显示在中间,而我想要位于顶部. HTML

<div id="message">
    <ul>
      <li><h1>Send us a message</h1></li>
      <li><input type="text" placeholder="Name"></li>
      <li><input type="text" placeholder="Email"></li>
      <li><input type="text" style="height:150px;" placeholder="Message"></li>
      <li><a href="#">Send</a></li>
    </ul>
</div>

这是JSFiddle

<select id="selectnav1" class="selectnav">
<option value="">- Navigation -</option>
<option selected="" value="javascript:void">Category 1</option>
<option value="javascript:void">Airbrush tanning</option>
<option value="javascript:void">Category 3</option>
<option value="javascript:void">Category 4</option>
<option value="javascript:void">Category 5</option>
<option value="javascript:void">Category 6</option>
</select>

我想用option元素中的主文本替换/设置value属性中的文本.示例:对于第一个选项,即categeory 1,我想将javascript:void更改为'category 1',同样适用于所有其他选项.

jsbin