Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Прижать текст ссылки к низу (https://javascript.ru/forum/xhtml-html-css/12682-prizhat-tekst-ssylki-k-nizu.html)

sanhai 28.10.2010 19:11

Прижать текст ссылки к низу
 
Доброго времени суток.

Подскажите пожалуйста как прижать текст ссылки (ссылка как блок display: inline-block) к низу.

Ну или на какое слово искать:cray:

subzey 28.10.2010 19:52

К низу чего?

danik.js 29.10.2010 01:46

Вероятно к низу самой ссылки-блока (раз она блочная)
sanhai, поиграйся с line-height'ом. Для лучшего контроля можно текст обернуть в span, тогда можно уже полноценно позиционировать.

ksa 29.10.2010 09:39

Цитата:

Сообщение от sanhai
ссылка как блок display: inline-block

Это не как блок... Это "как" строчный элемент.
Для продуктивного ответа нужен тестовый пример с твоей сотороны, на нём будет понятно что тебе нужно...

sanhai 29.10.2010 17:01

Пример в студию>>>> http://al-test-test.narod.ru/
Надпись “Ссылка 1 и Ссылка 2” надо прижать к низу их блоков, если можно сделать через <span> подскажите как.

subzey 29.10.2010 18:24

Ну хоть бы и вот так.

<style type="text/css">
.block-anchor {
	display: inline-block;
	height: 50px;
	width: 100px;
	background: #ffcc88;
	text-align: center;
	position: relative;
}
.block-anchor-inner {
	position: absolute;
	bottom: 0;
	width: 100%;
}
</style>
<a href="#" class="block-anchor"><span class="block-anchor-inner">Ссылка</span></a>
<a href="#" class="block-anchor"><span class="block-anchor-inner">Ссылка<br />на две строки</span></a>


И сделайте что-нибудь с русским языком. :)

sanhai 29.10.2010 19:33

Спасибо! Помогли

С русским сложнее:write:


Часовой пояс GMT +3, время: 04:42.