Расположите значки в середине строки таблицы

0

Привет, мне нужна таблица, как показано ниже.

Изображение 174551

но я не знаю, как организовать изображения, подобные этому. Итак, это текущий код

 <!DOCTYPE html>
<html>
<body>

<table id="tab" border="1">
<tr>
  <td><img align ="center" border="0" src="/images/cam.jpg"  width="15px" height="15px"></td>
  <td><img align ="center" border="0" src="/images/gal.jpg"  width="15px" height="15px"></td>
  <td><img align ="center" border="0" src="/images/chat.jpg"  width="15px" height="15px"></td>
</tr>

</table>

</body>
</html>

здесь: http://pastebin.com/HLPdDNyg

  • 0
    Какой CSS вы пробовали до сих пор? Что у вас за проблема?
  • 0
    пытался, но не работает правильно
Показать ещё 1 комментарий
Теги:
html-table

2 ответа

1

Попробуй это,

table
{
    border:1;
    width:500px;
}
td
{
     border:0;
    width:150px;
    height:150px;
    text-align:center;
}
td img
{
    vertical-align:middle;
}

http://jsfiddle.net/9AxmR/2/

Поделиться
  • 0
    хорошо, как я могу сделать это отзывчивым ???
  • 0
    используйте% вместо px ...
Показать ещё 15 комментариев
1

Демо-версия

<table id="tab" >
<tr>
  <td><img src=""></td>
  <td><img src=""></td>
  <td><img src=""></td>
</tr>
</table>

CSS:

#tab{
  border-collapse:collapse;
}
#tab td{
  background:#eee;
  width:100px;
  text-align:center;
  padding:0 15px;
}
#tab td img{
  vertical-align:middle;
}
Поделиться
  • 0
    когда я попробовал ваш код, чтобы сделать отзывчивым, то он не отображается в правильном порядке, я могу знать y?
  • 0
    проверьте мою ссылку (внизу вопроса) его отзывчивый .. спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню