CSS - стилизация иконок

Question

CSS - стилизация иконок

0

Эй, ребята, мне нужно сделать свои значки <a href=""> но я не знаю, как

      <tr>
          <td rowspan="2" class="imgbg"><a href="#"><img src="images/nonsteam.jpg"></a></td>
          <td class="icon"></td>
          <td class="download-name"><a href="#">Counter Strike 1.6 Nonsteam</a></td>
          <td class="download-category">Counter-Strike / Jebat / Mrdat / Nonsteam / Hra </td>
          <td class="imgbg"><div class="download-icon"></div></td>
          <a href="#"><td class="comment-icon"></td></a>
      </tr>

CSS:

#downloads .download-icon{
    background-image: url("images/dark_download.png");
    background-repeat: no-repeat;
    width: 34px;
    height: 28px;
    display: inline-block;
    margin: 13px 0px 0px 10px;
}

#downloads .comment-icon{
    background-image: url("images/dark_buble.png");
    background-repeat: no-repeat;
    width: 33px;
    height: 34px;
    display: inline-block;
    margin: 24px 0px 0px 20px;
}

Может ли кто-нибудь помочь мне в этом?

user258459 13 апр. 2014, в 19:10

Источник

0

Ваша разметка не так , по крайней мере в последней строке ... тег не должен быть из стороны a td !
Michael Rose 13 апр. 2014, в 16:54
0

Я знаю, что это была попытка сделать весь <td> как href
user258459 13 апр. 2014, в 16:57
1

Поместите a внутрь td и display: block; как стиль
Michael Rose 13 апр. 2014, в 17:01
0

Спасибо за ваш ответ, моя попытка выглядит следующим образом: <td class = "comment-icon" a href = "#"> </ td>, но это не работает :(
user258459 13 апр. 2014, в 17:13
0

Нет ... Создать a элемент внутри td элемента: <td class="comment-icon"><a href="#">bla</a></td>
Michael Rose 14 апр. 2014, в 08:33

Показать ещё 3 комментария

Теги:

html

css

1 ответ

Ещё вопросы

Ваша разметка не так , по крайней мере в последней строке ... тег не должен быть из стороны a td !
Я знаю, что это была попытка сделать весь <td> как href
Поместите a внутрь td и display: block; как стиль
Спасибо за ваш ответ, моя попытка выглядит следующим образом: <td class = "comment-icon" a href = "#"> </ td>, но это не работает :(
Нет ... Создать a элемент внутри td элемента: <td class="comment-icon"><a href="#">bla</a></td>

ds345 · Answer 1 · 2014-04-13T15-03-00.000Z

Если вы хотите, чтобы td был доступен для клика, вы можете либо

<td class="comment-icon" onclick="window.location='http://www.google.co.in'"></td>

или

<td class="icon"></td>
JAVASCRIPT:        
$('.icon').click(function () {
   alert('blue-theme');
});

Но вы не можете изменить формат <table><tr><td></td></tr></table> и, следовательно, вы не были в состоянии иметь a тег перед td тега.

DEMO