Новости Joomla

Голосование

Как Вы думаете что это?

Научись правильно писать css
Это реально баг css
Уменя все норм отображается!
Другой
1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 4828 Просмотров
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Как поставить div-вы в линию без float?
« : 31.07.2012, 20:41:16 »
НАрод! ! ! !

Проблема дурацкая до ужаса. Все работает нормально везде кроме Хрома в данном месте.
А именно:

есть N-ое количество div-вовых контейнеров, мне их надо поставить в линию (по горизонтали).
Я пишу float:left; Все выравнивается, НО все контейнеры подло СЖИМАЮТСЯ по горизонтали на 1px влево, тоесть если N div-вов, то в итоге самый правый контейнер сместится на N пикселов влево. Меня это зверски бесит.

Можно как-то выровнять контейнеры без FLOAT?

Заранее благодарен! *DRINK*
Записан
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Re: Как поставить div-вы в линию без float?
« Ответ #1 : 31.07.2012, 20:45:12 »
display:inline-block;
Записан
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как поставить div-вы в линию без float?
« Ответ #2 : 31.07.2012, 20:46:09 »
display:inline-block ещё можно. Только зачем? Флоатом правильно и логично. Лучше отлавливайте глюк, отчего у вас там всё "сжимается".
------
Лёха опередил  ^-^
Записан
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Re: Как поставить div-вы в линию без float?
« Ответ #3 : 31.07.2012, 20:49:00 »
Цитировать
Лучше отлавливайте глюк, отчего у вас там всё "сжимается".

Где-то читканул, что это баг CSS, и пока не исправлен. >:(
Записан
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Re: Как поставить div-вы в линию без float?
« Ответ #4 : 31.07.2012, 20:51:41 »
Цитировать
display:inline-block;

не пашет(((

через одно место работает display:inline; margin и padding между контейнерами не ликвидируются.
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как поставить div-вы в линию без float?
« Ответ #5 : 31.07.2012, 20:52:44 »
Цитата: Ghash от 31.07.2012, 20:49:00
Где-то читканул, что это баг CSS, и пока не исправлен. >:(
"Не верю!" (с) ^-^. Нет такого бага. Дайте ссылку на сайт с примером.
Записан
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Re: Как поставить div-вы в линию без float?
« Ответ #6 : 31.07.2012, 21:03:50 »
Цитировать
"Не верю!" (с). Нет такого бага. Дайте ссылку на сайт с примером.

ехххх... прийдется открыть для посторонних глазз) эту стройку. сайт открыт будет до 21 вечера по Киеву)

sitef.org

справа от пункта менюхи "Помощь", виден касяк (тока в Хроме и ИЕ)

ИЕ:


Хром:
Записан
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Как поставить div-вы в линию без float?
« Ответ #7 : 31.07.2012, 21:08:47 »
Сейчас как раз нет косяка. Всё чётко. Если раньше отображалось по-другому, то там было неправильно с точки зрения CSS.
Кстати, пока не запустились, имеет смысл таки шрифт внедрять куфоном или фонт-фэйсом. Да и разметку меню сделать семантичной А то так совсем пипец:
Код: html4strict
<div id="dop_menu">
		     <a href="http://sitef.org"><img id="img004" src="/templates/sitesfair/images/sozdanie.png"></a>
		     <a href="http://sitef.org"><img id="img005" src="/templates/sitesfair/images/raskrutka.png"></a>
		     <a href="http://sitef.org"><img id="img006" src="/templates/sitesfair/images/hosting.png"></a>
			 <a href="http://sitef.org"><img id="img007" src="/templates/sitesfair/images/portfolio.png"></a>
		     <a href="http://sitef.org"><img id="img008" src="/templates/sitesfair/images/pomosh.png"></a>
		</div>
Записан
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Re: Как поставить div-вы в линию без float?
« Ответ #8 : 31.07.2012, 21:15:13 »
Цитировать
Сейчас как раз нет косяка. Всё чётко. Если раньше отображалось по-другому, то там было неправильно с точки зрения CSS.
Кстати, пока не запустились, имеет смысл таки шрифт внедрять куфоном или фонт-фэйсом. Да и разметку меню сделать семантичной А то так совсем пипец:
ну как нет косяка? ну нат скрин гляньте.

ща с семантикой разберемся... это дело времени
Записан
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Re: Как поставить div-вы в линию без float?
« Ответ #9 : 09.08.2012, 11:12:25 »
Товарищи профессионалы! Подскажите решение. Проблема не решена(((((
« Последнее редактирование: 09.08.2012, 11:24:56 от Ghash »
Записан
*

midav

  • Давно я тут
  • 926
  • 115 / 1
Re: Как поставить div-вы в линию без float?
« Ответ #10 : 09.08.2012, 14:47:34 »

Что за свойство CSS marning ?
Записан
Ответы на вопросы по CSS . Откройте для себя Firebug
*

Ghash

  • Захожу иногда
  • 64
  • 2 / 0
Re: Как поставить div-вы в линию без float?
« Ответ #11 : 13.08.2012, 14:40:12 »
Цитировать
Что за свойство CSS marning ?

та я уже другое все делаю. тема закрыта
Записан
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

youjoomla как поставить форму в крайнюю правую позицию

Автор polok

 Ответов: 1
Просмотров: 1103 		Последний ответ 28.02.2014, 14:07:57
от darkghost
Не удается поставить 2 модуля в один ряд

Автор press13

 Ответов: 1
Просмотров: 909 		Последний ответ 25.10.2013, 13:54:09
от levitan
Как поставить два модуля в один ряд в шаблоне?

Автор press13

 Ответов: 14
Просмотров: 2632 		Последний ответ 18.10.2013, 11:49:10
от verstalshik
Поставить оградительные линии на главный макет

Автор vendn

 Ответов: 2
Просмотров: 1438 		Последний ответ 07.02.2013, 00:26:43
от vendn
Как поставить шапку сайта по центру Joomla 2.5?

Автор AntonSea

 Ответов: 3
Просмотров: 1820 		Последний ответ 10.01.2013, 23:00:30
от AntonSea