Xwab
Форумыnavigate_nextHTML/CSS

вопрос по тач версии
Сообщения
Sich

пишу тач шаблон
как сделать ссылки так как на картинке

30 Сен 2012, 16:22
Pisatel

Не знаю за тач, но отступы, в общем, делаю через margin и padding. Допустим,
a { color: red;
text-align: left;
margin: 10px; /*отступ от края текста во все стороны будет 10, можно задавать разные значения для всех сторон*/
}
Ну как-то так:)

30 Сен 2012, 16:35
Sich

мне нужно что бы ссылка была не только на названии, а на всём поле, что бы проще было нажимать на ссылку с сенсора, блин не могу нормально обьяснить

30 Сен 2012, 16:37
Pisatel

Можно еще задавать ширину в px или процентах, если в процентах- то тогда body нужно делать фиксированным, иначе будет несимпатично
добавлено спустя 2 минуты:
Ну тогда попробуй width: 50px или width: 30%. А вообще, хотелось бы чуть точнее знать, что нужно

30 Сен 2012, 16:40
НЕЗНАЙКА

ну вариант,
a {dislpay:inline-block;}
a.left {width:90%}
a.right {width:10%}

30 Сен 2012, 16:44
Pisatel

НЕЗНАЙКА, такой вариант подойдет для веб. А для мобильного сайта... Представь, как это будет выглядеть с компа?

30 Сен 2012, 16:47
Sich

НЕЗНАЙКА, по подробнее можно?

30 Сен 2012, 16:47
НЕЗНАЙКА

Pisatel, это теория, я на работе и с телефона, проверить не могу
Sich, что неясно? Добавь к левой правой ссылке класс и посмотри

30 Сен 2012, 16:59
Sich

чёт не работает

30 Сен 2012, 17:08
no_tactic

можно сделать так
html:
<div class="links">
<div class="left"><a href="#">ссылка</a></div>
<div class="right"><a href="#">ссылка</a></div>
</div>

css:
.links {
display: inline-table;
}

.left{
display: table-cell;
width: 90%;
vertical-align: middle;
}

.right {
display: table-cell;
width: 10%;
vertical-align: middle;
}

.left a, .right a {
display: block;
padding: 7px 8px;
}

30 Сен 2012, 17:14
Ответить на тему