[/quote]
зачем такие сложности, когда и без javascript все прекрасно работает? :ninja:
[/quote]
зачем такие сложности, когда и без javascript все прекрасно работает? :ninja:
Большое спасибо за ответы. На самом деле спросил, тк попробовал с блоком и не получилось, но видно перегрев мозга был. Т.к. щас сделал - все работает.
[/quote]
Вдруг ссылка требуется inline'овая, а не блочная... тогда такой метод самый правильный. Хотя ради какого-то спецэффекта я б наплевал на IE.
[/quote]
если честно, еще не сталкивался с такой задачей, обычно блочная ссылка ни кому не мешала
[/quote]
Полностью с Вами солидарен. Блочная ссылка - она вообще такая занятная штука.
Но вот возникла очередная маленькая непонятная ситуация.
В IE получается одна странность. Код простейший (CSS не указываю - там просто подразумевается смена фона <a> по :hover):
1. Если для ссылок, находящихся в ячейках таблицы, указать только лишь {display: block;}, смена фона при наведении курсора на ячейку таблицы работает. Но почему-то только в первой строке таблицы. В последующих строках смена фона ячейки работает только при наведении курсора непосредственно на саму ссылку. Хотелось бы поинтересоваться: есть ли этому какое-нибудь логическое объяснение?Код:<table width="280" *border="0" cellspacing="3" cellpadding="0"> *<tr><td>[Только зарегистрированные пользователи могут видеть ссылки. ]</td></tr> *<tr><td>[Только зарегистрированные пользователи могут видеть ссылки. ]</td></tr> *<tr><td>[Только зарегистрированные пользователи могут видеть ссылки. ]</td></tr> </table>
2. Лечится это просто: {display: block; width: 100%;}. Но просто всё это только с первого взгляда. Потому как при таком решении возникает другая проблема – из-за "width: 100%" почему-то пропадает правый бордер ячейки таблицы (причем любой - как назначенный самой таблице, так и назначенный, к примеру, элементу <a> при помощи стилей). Более того, небезызвестно, что некоторые браузеры не совсем понимают "width: 100%" для <a> (Netscape/Mozilla). Приходится искать обходные пути типа: html>body a.data {width: auto;}.
3. И как же быть? Пока я нашел выход {display: block; height: 100%;}. И никаких при этом "width: 100%". Но верно ли это? И вообще почему происходят все эти вышеописанные "фокусы"?
хм, интерсено, может, лучше приведите код целиком и мы его потестим? по спецификации блочный элемент занимает все доступное ему пространство родительского элемента и, по идее, не нужны никакие width
Да запросто. Очень буду признателен, если вместе сможем разобраться что это за фокусы такие.
В общем, менюшка с Вебмаскона, только не списком, а таблицей, где каждый пункт в своей собственной ячейке.Код:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Блочные ссылки</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> body { ****font-family: Verdana, Arial, Helvetica, sans-serif; ****font-size: 12px; ****background-color: #FFFFFF; ****margin: 20px; ****padding: 0px; } a.data { ****color: #FFFFFF; ****text-decoration: none; ****background-color: #2175BC; ****display: block; ****padding: 5px; ****border-right: 10px solid #508FC4; ****border-bottom: 1px solid #90BADE; ****border-left: 10px solid #1958B7; } a.data:hover { ****color: #FFFFFF; ****background-color: #2586D7; ****border-right: 10px solid #5BA3E0; ****border-left: 10px solid #1C64D1; } </style> </head> <body> <table width="280" *border="0" cellspacing="0" cellpadding="0"> *<tr><td>[Только зарегистрированные пользователи могут видеть ссылки. ]</td></tr> *<tr><td>[Только зарегистрированные пользователи могут видеть ссылки. ]</td></tr> *<tr><td>[Только зарегистрированные пользователи могут видеть ссылки. ]</td></tr> </table> </body> </html>
И при таком раскладе, если для <a> не указывать width или height, а только display: block, активная область на всю ячейку таблицы – только у первой строки. В остальных – только если курсор наводится непосредственно на текст ссылки.
и вправду, попробую разобраться, если чего рожу, отпишусь