Ширина табов

[DrStrangeLove]

Есть такие табы.

Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже??

Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. (

Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??

[psywalker]

display: table пробовал?

[DrStrangeLove]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

[psywalker]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

Для .tabs, а для его пунтов display: table-cell; и не забудь растянуть на 100% по ширине .tabs

[DrStrangeLove]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

Для .tabs, а для его пунтов display: table-cell; и не забудь растянуть на 100% по ширине .tabs

http://jsfiddle.net/aUCvN/1/

Что-то не получается..

[psywalker]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

Для .tabs, а для его пунтов display: table-cell; и не забудь растянуть на 100% по ширине .tabs

http://jsfiddle.net/aUCvN/1/

Что-то не получается..

Ну а флоат-то зачем?

[DrStrangeLove]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

Для .tabs, а для его пунтов display: table-cell; и не забудь растянуть на 100% по ширине .tabs

http://jsfiddle.net/aUCvN/1/

Что-то не получается..

Ну а флоат-то зачем?

Спасибо!! Только почему-то пропали зазоры между табами.. Их можно восстановить??

[psywalker]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

Для .tabs, а для его пунтов display: table-cell; и не забудь растянуть на 100% по ширине .tabs

http://jsfiddle.net/aUCvN/1/

Что-то не получается..

Ну а флоат-то зачем?

Спасибо!! Только почему-то пропали зазоры между табами.. Их можно восстановить??

Ну например, ты можешь поместить в пункты спаны и с ними уже работать, как угодно. Или с теми же ссылками. Т.е. этим тегам назначать фон, отступы и т.д.

[DrStrangeLove]

display: table пробовал?

Для какого элемента?? .section?? .tabs??

Для .tabs, а для его пунтов display: table-cell; и не забудь растянуть на 100% по ширине .tabs

http://jsfiddle.net/aUCvN/1/

Что-то не получается..

Ну а флоат-то зачем?

Спасибо!! Только почему-то пропали зазоры между табами.. Их можно восстановить??

Ну например, ты можешь поместить в пункты спаны и с ними уже работать, как угодно. Или с теми же ссылками. Т.е. этим тегам назначать фон, отступы и т.д.

А почему они исчезли-то?? Из-за новых дисплеев??

[psywalker]

А почему они исчезли-то?? Из-за новых дисплеев??

Ячейки таблицы сомкнулись. Вот тебе решение border-spacing: 2px 0px;

[DrStrangeLove]

А почему они исчезли-то?? Из-за новых дисплеев??

Ячейки таблицы сомкнулись. Вот тебе решение border-spacing: 2px 0px;

Спасибо! только теперь небольшие нестыковки по ширине! http://jsfiddle.net/aUCvN/3/

[Nekromancer]

Когда вижу такой jQuery код у меня уши вянут и потому люди жалуются - чего JavaScript такой медленный ...

[psywalker]

А почему они исчезли-то?? Из-за новых дисплеев??

Ячейки таблицы сомкнулись. Вот тебе решение border-spacing: 2px 0px;

Спасибо! только теперь небольшие нестыковки по ширине! http://jsfiddle.net/aUCvN/3/

Блин, дружище, ну ты даёшь вообще! Самому подумать вообще не реально? Спецово тебе решение не скажу, коих тут море. Давай уже, врубай мозг и делай. Тебе уже почти всё сделали.

[DrStrangeLove]

Когда вижу такой jQuery код у меня уши вянут и потому люди жалуются - чего JavaScript такой медленный ...

Скрипт нашёл в сети. Он работает нормально. Только вот на css что-то не получается выровнять..

[Nekromancer]

Когда вижу такой jQuery код у меня уши вянут и потому люди жалуются - чего JavaScript такой медленный ...

Скрипт нашёл в сети. Он работает нормально. Только вот на css что-то не получается выровнять..

Сейчас то он работает нормально, когда он один, пару десяткой таких хитрых конструкция и ваша анимация больше не анимация.