span как ссылка

[VampaOdinn]

есть участок кода

 <a href="index.htm">
 <span class="cage" style="cursor: pointer"></span>
 </a>

.cage {
 background: cccccc;
 width: 20px; 
 height: 20px;
 padding-left: 5px;
 display: inline-block
}

проблема в том, что в осле квадратик отображается идеально, в опере очень плохо (именно потому, что ссылка, как я понял), в фаирфоксе вообще не отображается...

в чем соль?

[YETI]

можно без спана. самой ссылке задать display:block; , высоту, ширину и все норм будет.

[VampaOdinn]

спасибо! сделал так:

<a href="index.htm" class="cage"></a>

cage {
 background: cccccc;
 width: 20px; 
 height: 20px;
 display: inline-block
}

теперь в опере и осле отображается идеально, в фаирфоксе ничего нет... что можно еще сделать?

[YETI]

<a href="index.htm" class="cage"></a>

cage {
 background: #cccccc;
 width: 20px; 
 height: 20px;
 display: block;
}

[VampaOdinn]

у меня поле 5х5 таких квадратов нельзя блоком делать, да и разница?

[YETI]

у меня все заработало вот такая разница.

а если 5 то можно им float:left; еще дописать и маргины

[yopopt]

Обращу внимание на background: cccccc;. Правильно background: #cccccc;. Хоть YETI уже об этом писал.

[Dimitry Wolotko]

Перекинул в "проблемы верстки"

[VampaOdinn]

position: inline-block не поддерживается никакими фаирфоксами...

Обращу внимание на background: cccccc;. Правильно background: #cccccc;. Хоть YETI уже об этом писал.

очень помогло в решении проблемы