нужна помошь (тач ссылки)

как сделать тач ссылки вот на этот дизайн?
.touch1{
background-color: #ebf3fe;
padding: 6px;
border-bottom: 1px solid #c5c5c5;
}
и как подключить этот тач дизайн <div class="" или <a class="" ?
буду благодарен

MazaXakep, .touch1{
background-color: #ebf3fe;
padding: 6px;
border-bottom: 1px solid #c5c5c5;
display: block;
}
<a class="touch1">link</a>

Можно так еще
.touch1 a{
background-color: #ebf3fe;
padding: 6px;
border-bottom: 1px solid #c5c5c5;
display: block;
}
<div class="touch1"><a>link</a><a>link</a></div>

skif88, спасибо ))
а как мне на этот код поставить иконку слева ?
<div class="touch2">
<a style="display:block; padding:6px;
background: #ebf3fe;" href="test.ru">Зона
обмена<br /><font color="black">Музыка, игры,
приложения</font></a>
</div>

<p style="float: left; padding: 10px"><img src=""></p>
вставь его в div, вроде должно работать padding настрой как надо

<div class="touch2" style="background: url(ссылка на иконку) no-repeat left center;">
<a style="display:block; padding:6px;
background: #ebf3fe;" href="test.ru">Зона
обмена<br /><font color="black">Музыка, игры,
приложения</font></a>
</div>

skif88, что то не отбражается иконка

MazaXakep, ты в инете делаешь или на локалке? Если можешь кинь адрес

skif88, локально

<div class="touch2">
<a style="display:block; padding:6px;
background: #ebf3fe;" href="test.ru"><img src="/style/icon/ico.png" alt="ico" /> Зона
обмена<br /><font color="black">Музыка, игры,
приложения</font></a>
</div>

//путь до иконки style/icon/ico.png
// а вообще, хотя бы html почитал бы на досуге. Такие банальные вещи и не знать...

AMADIS, html знаю, просто никогда неработал с тач ссылками

AMADIS, странно, почему я тоже не додумал до такой банальной вещи. Я подумал, что ему не клик кабельная нужна иконка

skif88, Разница ссылок touch и не touch лишь в css, а именно, нужно добавить в див display: block;

Я это знаю, не тому ответил ты)

всем спасибо за помошь ))

Тему закрыл MazaXakep!
Причина: вмем спасибо за помошь ))