Как поставить иконки к ссылкам в хедере?

[FuguFish]

Приветствую.

Буквально пару дней назад познакомился с OpenCart. Купить шаблон не позволяют средства, работать с ворованным - не позволяет совесть. Посему решил сделать сам.

Сразу скажу, что  я не просто чайник (честный), а нуб, нифига не понимающий в php. Чуть-чуть знаю основы html и css.

 

Мне нужно прикрепить иконки к ссылкам в хедере.

 

Попробовал сделать так (по аналогии с бесплатным шаблоном Acceptus)

header.tpl

<div class="links">
  <a href="<?php echo $home; ?>" class="icon-home"><?php echo $text_home; ?></a>

stylesheet.css

#header .links {
	position: absolute;
	left: 290px;
	top: 12px;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
	z-index:11;
}
.icon-home {
	background: url(../image/icon-home.png) left center no-repeat;

Результата ноль.

Прошу помощи.Буду благодарен за детальное объяснение, чтобы понять.

 

ЗЫ. В прикрепленных: 1. как есть 2. как хочется

[fijneman]

Может нужно банально прописать высоту\ширину в стилях? Если че, то пальцем в небо тычу.

[Tom]

Купить шаблон не позволяют средства, работать с ворованным - не позволяет совесть

 

это хорошо,но вот выбор бесплатных шаблонов так велик,что может есть смысл для начала поставить один из тысячи бесплатных шаблонов?

 

http://www.opencart.com/index.php?route=extension/extension&filter_download_id=31&path=1&filter_license=0

 

https://opencartforum.com/forum/19-бесплатные-шаблоны/

 

вот кстати очень хороший

 

https://opencartforum.com/files/file/1860-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-rubber/

[FuguFish]

это хорошо,но вот выбор бесплатных шаблонов так велик,что может есть смысл для начала поставить один из тысячи бесплатных шаблонов?

 

http://www.opencart.com/index.php?route=extension/extension&filter_download_id=31&path=1&filter_license=0

 

https://opencartforum.com/forum/19-бесплатные-шаблоны/

 

вот кстати очень хороший

 

https://opencartforum.com/files/file/1860-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-rubber/

 

Спорить не буду. Однако, в любом случае шаблон будет допиливаться под себя: где-то ссылки поменять, где-то иконки. Было решено сделать сразу. А в процессе разобраться, и понять как это работает ибо в дальнейшем поддерживать и допиливать сайт придется самому.

 

Кстати, я разобрался что к чему с иконками. Был неверно прописан путь к stylesheet.css

В любом случае, спасибо за совет.