ячейка в ссылке

Ximik_rus · 6 Июл 2006

Код:

<html>
<head>
<style type="text/css">
a.cell {
    display: block;
    border: outset 2px #ccc;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #000;
    padding: 3px 0px 3px 0px;

}
</style>
</head>
<body>
<table width="100%">
<tr>
    <td width="50%">
        <a class="cell" href="/">Ссылка</a>
    </td>
    <td width="50%">
        <a class="cell" href="/">Ссылка</a>
    </td>	
</tr>
</table>
</body>
</html>

Наведите указатель на первую и вторую ссылку

Так и должно быть?

Gorynych · 6 Июл 2006

Так и должно быть?

как "так"?

может стоило бы написать: почему во второй ячейке курсор меняет свое поведение только над текстом, а не во всей ячейке? (замечу, что лично у меня это проявляется в IE)

ну тут имело место каскадное заумствование. ПОсему лечим это так:

Код:

a.cell {
    display: block;
    width: 100%;
    border: outset 2px #ccc;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #000;
    padding: 3px 0px 3px 0px;
}

- смысл указания width: 100% - занимать все ширину родительского контейнера. Вне ячейки таблицы лучше не использовать. Кроме того, поскольку у меня этот эффект проявляется только в IE, я бы лично сделал бы указание ширины понятным только для IE, примерно так (сейчас меня начнут бить ногами, но лично мне нравится использовать именно css-hacks для IE, а не наоборот

Код:

a.cell {
    display: block;
    _width: 100%;
...
}

в общем - читать про CSS, пробовать, экспериментировать и т.п.

ячейка в ссылке

Ximik_rus

Новичок

Gorynych

Посетитель PHP-Клуба