小编use*_*459的帖子

我是CSS的新手很抱歉,如果这个问题只是愚蠢或太简单,但我只是不知道该怎么做.

我需要在图像上放置一个按钮,它应该如何显示:

你看到有一个蓝色按钮"Kopit"那就是它!我已经将这个东西设计到我的网站,但作为一个单独的图像,所以我的代码看起来像:

CSS:

#shop{
    background-image: url("images/shop_bg.png");
    background-repeat: repeat-x;    
    height:121px;
    width: 984px;
    margin-left: 20px;
    margin-top: 13px;
}

#shop .content{    
    width: 182px; /*328 co je 1/3 - 20margin left*/
    height: 121px;
    line-height: 20px;
    margin-top: 0px;
    margin-left: 9px;
    margin-right:0px;
    display:inline-block;

}

我的HTML:

 <div id="shop">
      <div class="content"> Counter-Strike 1.6 Steam <a href="#"><img src="images/CSsteam.png"></a></div>
      <div class="content"> Counter-Strike 1.6 Steam <a href="#"><img src="images/CSsteam.png"></a></div>
      <div class="content"> Counter-Strike 1.6 Steam <a href="#"><img src="images/CSsteam.png"></a></div>
      <div class="content"> Counter-Strike 1.6 Steam <a href="#"><img src="images/CSsteam.png"></a></div>
      <div class="content"> Counter-Strike 1.6 Steam <a …

嘿伙计们，我正在使用简单的 ul li 来设计 3 个短篇文章，看起来不错，但问题是我注意到 UL 父级不是全尺寸，而且 li 比它大（有什么不好：P）

有人可以帮我修复它吗？并使其具有与其子项相同的宽度、高度？

看起来像：

HTML：

<div id="article-container">

<ul>
      <li><a href="#"><img src="images/foto.jpg" width="109" height="109" alt="Popis"></a>
            <h2><a href="#">Název ?lánku</a></h2>
            <p><span><strong>28. 2. 2014 8:29</strong> od Dwandy</span><br>
              Ahoj, jak se máš? Já úpln? úžasn? a úpe nejvíc. Závidíš, he? </p>
            <p class="more"><a href="#" class="links">P?e?íst</a><br>
              <a href="#">4 reakce</a></p>
            <hr>
       </li>

  <li><a href="#"><img src="images/foto.jpg" alt="Popis"></a>
           <h2><a href="#">Název ?lánku</a></h2>
           <p><span><strong>28. 2. 2014 8:29</strong> od Dwandy</span><br>
             Ahoj, jak se máš? Já úpln? úžasn? a úpe nejvíc. Závidíš, he? </p>
           <p …

嘿家伙我有这样的事情:

<a href="#"><span id="shorttext"><h4>V posledných dnech se událo mnoho zm?n, které byli velice výrazné. Proto neváhajte a podívete se i vy na to, co se vlastne zmenilo a nebo nezm?nilo kdo vi... </h4></span></a>

我只是在span之前移出来制作完整的块,因为href不仅仅是文本和文本变成下划线.

我尝试用以下方法修复它:

h4 {
    padding: 5px 10px 10px 10px;         /*text v slidery, opacity */
    font-color:FFFFFF;
}

a h4 {
    padding: 5px 10px 10px 10px;         /*text v slidery, opacity */
    font-color:FFFFFF;
    text-decoration: none;
}

a:visited h4{
    text-decoration:none;          
}
a:active h4{
    text-decoration:none;          
}
a:link h4{
    text-decoration:none;          
}

但它没有真正帮助,并建议？

感谢阅读我的帖子:)