小编Cri*_*ion的帖子

很抱歉,如果这是一个愚蠢的问题,但我真的不知道是什么问题.我正在尝试改变div的悬停颜色,但我的代码似乎不起作用.
这是我使用的代码:

HTML

<div class="slike_i_text">


    <a href="#"><div>
    <img align="left" src="wolf.jpg"/><span>Text 1</span></div></a>

    <a href="#"><div>
    <img align="left" src="wolf.jpg"/><span>Text 2</span></div></a>



</div>

CSS

.slike_i_text div{
    overflow: hidden;
    width:300px;
    margin-bottom: 10px;
    text-decoration: none;
}
.slike_i_text div img{
    width:80px;
    height:80px;
}
.slike_i_text div span{
    color: #6A6A6A;
font-family: arial;
font-size: 15px;
font-weight: bold;
}
.slike_i_text a{
    text-decoration: none;
}
.slike_i_text div:hover  .slike_i_text div span{
    color:lightgreen;

}

你可以在这里找到我的小提琴.

我正在制作一些表格内容并遇到了一些问题。
当我想向第一个表格列添加更多文本时，它会为所有其他列添加额外的空间。
在这里你可以看到我在说什么

你可以在这里查看我的小提琴

HTML

<table id="mytable" border="1">
    <tr>
        <td>
            <img src="" />
                <span>some text<br>asdasd<br>asdas</span>
        </td>
        <td>
            <img src="" />
                <span>some text</span>
        </td>

    </tr>
</table>

CSS

    #mytable{
    width:400px;
}
#mytable tr td{
    padding:10px;
}
#mytable tr td img{
    width:200px;
    height:100px;
}