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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Пробелы между li, когда те в одну строку 
:(
    Опции темы
SneG0K
Дата 12.6.2011, 21:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Max Mara
***


Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

Репутация: нет
Всего: 54



Привет всем.
Если зайти на сайт nuveno.com, то в верху можно увидеть некую панельку, которая в будущем будет выезжать.
Так вот, в этой панельке есть пробелы (на сайте видно). Как от них избавиться? Или может есть другие идеи как переверстать этот блок?

Это сообщение отредактировал(а) SneG0K - 12.6.2011, 21:59
PM WWW Skype   Вверх
systemIV
Дата 12.6.2011, 22:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 155
Регистрация: 28.3.2011

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



попробуй установить reset.css
Возможно у каких то элементов падинг или маргин выставлен.

Или посмотри по коду, может там правда где то затаился пробел.

Или можешь просто убрать пробелы которые написал=)
Код

<li class="left">&nbsp;</li>
<li class="center">center</li>
<li class="right">&nbsp;</li>

 smile 

Главное помни, что браузер никогда не тупит, он делает то, что ем говоря, значит ошибка у тебя=)
PM ICQ Skype   Вверх
SneG0K
Дата 13.6.2011, 01:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Max Mara
***


Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

Репутация: нет
Всего: 54



Reset.css есть уже. Если я убираю &nbsp; то расстояние не пропадает и средняя часть тупо выпадает на другую строку.
Может можно это как-то сделать на чистом CSS?
PM WWW Skype   Вверх
SelenIT
Дата 13.6.2011, 11:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


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


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

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



Всё по написанному, li-шки сделаны инлайн-блоками (а-ля картинки), т.е. втиснуты в строковый контекст, поэтому пробелльные символы между тегами отображаются как пробелы между словами. Есть всякие обходные варианты с обнулением font-size и отрицательным word-spacing у предка (с возвращением нормального значения самим li-шкам), но самое верное средство — физически убрать эти пробелы/переносы строк в коде (в частном случае, для li, можно убрать закрывающие теги — доктайп позволяет;).

А вообще, зачем этой панельке быть списком аж из трех элементов? Что в ней перечисляется? Закругленции же явно не являются частью контента, по-хорошему им вообще самое место в псевдоэлементах :before/:after...


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


 




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


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

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