| imho.ws |
|
|
12.08.2004, 16:52
|
# 1 |
|
Junior Member
Регистрация: 10.10.2003
Адрес: Москва
Сообщения: 136
 |
Вертикальное выравнивание внутри блока ссылки
Задачка такая: в ячейке таблицы лежит ссылка. Через css этой ссылке заданы размеры и по высоте блок получается раза в два больше высоты строки текста, в ней содержащегося. Проблема в том, что текст "прилип" к верху блока и никак мне его не перетащить в середину. Может кто-нибудь что-то подскажет?
Заранее спасибо.
__________________
"Самое великое достижение Америки - каждый должен голосовать". - Джордж Буш Мл.(Остин, 08.12.00). |
|
|
12.08.2004, 19:28
|
# 3 |
|
Full Member
Регистрация: 25.11.2001
Адрес: Moscow. Russia
Пол: Male
Сообщения: 573
  |
а если так:
Код:
<td><div id="divName" align="center" valign="middle"><a href="javascript:;">Это ссылка</a></div></td>
__________________
Ничто не даётся нам с таким трудом, как то, что не даётся. Best regards! 2008 © Roman V. Brooks |
|
|
|
12.08.2004, 19:41
|
# 4 |
|
Member
Регистрация: 27.08.2002
Адрес: Канада
Пол: Male
Сообщения: 343
|
WMRomik
У элемента DIV нет свойства valign, оно есть у TD. Так что в твоём примере DIV вообще не нужен. А вообще, насколько я понял, TRiPLE хочет, что-бы сама ссылка, то есть элемент A, был определённой высоты. Я уже сталкивался с этой проблемой раньше. Я использовал padding-top. |
|
|
|
12.08.2004, 21:22
|
# 5 |
|
Full Member
Регистрация: 25.11.2001
Адрес: Moscow. Russia
Пол: Male
Сообщения: 573
|
Ну я тупанул малька, вот так работает.
<div style="height: 100px; background-color: #ccc" align="center"> <span style="line-height: 100px; vertical-align: -50%;"><a href="javascript:;">Это ссылка</a></span> </div>
__________________
Ничто не даётся нам с таким трудом, как то, что не даётся. Best regards! 2008 © Roman V. Brooks Последний раз редактировалось WMRomik; 12.08.2004 в 21:27. |
|
|
|
13.08.2004, 15:01
|
# 6 |
|
Junior Member
Регистрация: 10.10.2003
Адрес: Москва
Сообщения: 136
|
Все здорово, но вот блоком должна быть сама ссылка, т.к. к ней ещё прописан вариант стиля при hover, в котором весь блок выделяется заливается другим цветом.
__________________
"Самое великое достижение Америки - каждый должен голосовать". - Джордж Буш Мл.(Остин, 08.12.00). |
|
|
|
13.08.2004, 17:21
|
# 7 |
|
Full Member
Регистрация: 25.11.2001
Адрес: Moscow. Russia
Пол: Male
Сообщения: 573
|
Код:
<html>
<head>
<title>LinkChell</title>
<style>
A{color:#ccc}
A HOVER{COLOR:#333}
.mout {BACKGROUND:#333;color:#ccc}
.mover {BACKGROUND:#ccc;color:#333;CURSOR:HAND}
</style>
</head>
<body>
<table><tr>
<td class="mout" onmouseover="this.className='mover'" onmouseout="this.className='mout'" height="100" width="500" onclick="location.href='http://imho.ws'">
<div style="height:100px" align="center">
<span style="line-height: 100px; vertical-align: -5%;">This is a link</span>
</div></td></tr></table>
</body>
</html>
__________________
Ничто не даётся нам с таким трудом, как то, что не даётся. Best regards! 2008 © Roman V. Brooks |
|
|
