Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Ячейка таблицы как ссылка.
 
 автор: Хулиган   (24.12.2007 в 12:03)   письмо автору
 
 

Как можно сделать всю площадь ячейки таблицы полноценной ссылкой? Делаю так:

<td align='center' style='width:186px; background:url(img/mlinkfon1152.png) 1px 50% no-repeat;'>
    <a href="index.php">
        <div style='width:100%; height:37px;'>
            <div style='padding-top:9px; color:#dddddd;'>
                ГЛАВНАЯ
            </div>
        </div>
    </a>
</td>


В мозиле и опере это воспринимается как полноценная ссылка: и курсор меняет форму, и меню, соответственно выпадает при нажатии правой мыши (с пунктами Открыть в новом окне и т.д.)
А в осле нет ни курсора, ни контекстного меню с пунктом Открыть в новом окне. Курсор можно задать через стили, а вот без меню Открыть в новом окне никак нельзя.
Что можно придумать?

   
 
 автор: AlexSol   (24.12.2007 в 12:24)   письмо автору
 
   для: Хулиган   (24.12.2007 в 12:03)
 

a style="display:block"

   
 
 автор: localGhost   (24.12.2007 в 13:04)   письмо автору
 
   для: Хулиган   (24.12.2007 в 12:03)
 

просто тегу A назначить display: block и задать необходимые размеры. Все вложенные дивы можно смело выкинуть

   
 
 автор: Хулиган   (24.12.2007 в 15:34)   письмо автору
 
   для: localGhost   (24.12.2007 в 13:04)
 

Один div всё-таки пришлось оставить, иначе не удается выравнять текст по вертикали в центре ячейки.
Простой valign не устанавливает текст по центру, приходится делать через padding
<td align='center' style='width:186px; background:url(img/mlinkfon1152.png) 1px 50% no-repeat;'>
    <a href="index.php" style='display:block; height:37px;'>
        <div style='padding-top:10px; color:#dddddd;'>ГЛАВНАЯ</div>
    </a>
</td>

В остальном всё нормально, полноценная ссылка.
Спасибо.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования