Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> display:block с немаксимальной шириной, cssная вёрстка 
:(
    Опции темы
December
Дата 16.11.2007, 20:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57



Есть содержание типа такого
Код

  <div class="TOC">
      <a href="#intro">Introduction</a>
      <a href="#connect">Connection Setup</a>
  ...
      <a href="#summary">Summary</a>
    </div>

Сделал для ссылок display:block, чтобы они располагались друг под другом. Как следствие, блок каждой ссылки растягивается на всю доступную ширину, и получается, что по ссылке можно кликнуть даже где-то далеко справа. Мне необходимо избавиться от этого поведения.

Итак, как сделать так, чтобы блок занимал не максимум места, а ровно столько, сколько требуется тексту? Не меняя хтмл.

ЗЫ Ессно можно завернуть каждую ссылку в другой блок, оставив её inline'овой, но хочется "покруче" smile


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
SelenIT
Дата 16.11.2007, 22:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Для стандартных браузеров можно добиться с помощью display:table. Для IE - по идее, с помощью float:left; clear:left (без явного указания block-овости, float делает это неявно).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
December
Дата 19.11.2007, 16:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Antitheorist
****


Профиль
Группа: Участник
Сообщений: 4423
Регистрация: 14.8.2002
Где: Харьков

Репутация: 1
Всего: 57



Цитата(SelenIT @  16.11.2007,  22:26 Найти цитируемый пост)
display:table

Да, но этот метод ещё ломает что-то в псевдоклассах для линков.

Цитата(SelenIT @  16.11.2007,  22:26 Найти цитируемый пост)
с помощью float:left; clear:left 

Это сработало для всех браузеров. Пришлось, конечно, добавить ещё clearer после меню, но это терпимое зло.
Спасибо!


--------------------
Для друзей с винграда - скидки на разработку сайтов
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0614 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.