bvvell

 

http://jsfiddle.net/bvvell/7WMMy/5/ вот ваш пример, проблема была в том, что у d:i-b есть отступы как у обычного текстового элемента, чаще всего "лечиться" fs:0 родителю, и задавать fs детям 

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

 

прошу пощения, не то пытался поправить

http://jsfiddle.net/bvvell/7WMMy/5/ вот практически полностью ваш пример

http://jsfiddle.net/bvvell/7WMMy/5/ вот ваш пример, проблема была в том, что у d:i-b есть отступы как у обычного текстового элемента, чаще всего "лечиться" fs:0 родителю, и задавать fs детям 

а есть ссылка на сайт?

потому что текст ссылки лежит не в ссылке, надо так <li><a href="#">Ericsson</a></li>

http://jsfiddle.net/bvvell/LduA5/ 

http://jsfiddle.net/bvvell/2ydUW/1/ Можно еще так, но это почти то же самое, как на примере выше

Для понимания того, что происходит с страницей лучше попробовать все сделать руками, а потом уже можно и фрэймворки

В этом блоке ссылка с картинкой, у картинки большая белая подложка из-за этого создается ощущение большого отступа

Как вариант, последнюю ссылку с показать спецификацию вынести в еще одну th, может так получится сделать бордер на всю высоту

Там именно у последней таблички (где в одну строку названия умещаются) - видны эти небольшие зазоры

У тебя <th class="caption">AGIP OSO</th> больше по высоте чем <th class="oil-types" colspan="12"> и во второй колонке содержимое центрируется, попробуй паддинги уменьшить для <th class="caption"> увидишь разницу

Может глупый совет, но если содержимое блока catalog-item обернуть в еще один див, и прописать ему стили от catalog-item, то должно будет работать нормально, анимироваться будет только catalog-item а внутри все будет выглядеть как надо

Если прописывать overflow:hidden, то элементы внутри блока не получится вытянуть поверх блока, потому что при o:h отображается только внутренняя область элемента,а все что выходит за его пределы скрывается

Раскрывание части контента, скрытого overflow через анимацию на jquery.

а зачем скрывать контент через overflow?

а как исправляли, расскажите

в последнюю td  можно вложить div с position:relative, а в него ваш крестик

Да, что-то похожее,но как мне кажется, nerv предложил более "культурный" вид скрипта

Не правильно выразился я, наверно)

Я про то, что вот такой вариант, который был изначально http://jsfiddle.net/npofopr/sVQk2/ на телефоне нормально сработал.

А на PC если браузер загружать в маленьком окошке, слайдер срабатывает только при небольшом ресайзе окна.

http://jsfiddle.net/bvvell/mRCPe/

если вынести проверку в функцию, то ее можно сразу вызвать, а потом на ресайз

так все правильно получается, если разрешение меньше, то включить плагин, если больше, сделать ему десртой

if ($(window).width() <= 1023){

$('#bestseller_slider').carouFredSel({..})
}else{

$('#bestseller_slider').trigger("destroy");

}

 

 

Сделала так: http://jsfiddle.net/SvetaGr/RF2xc/7/

Для градиентов использовала генератор: http://www.colorzilla.com/gradient-editor/

 

Но в IE9 и меньше - не работает. В чем причина?

градиенты ниже ие9 не работают вообще, они там не поддерживаются, можно для него подсунуть картинку

 

 

 

А зачем тогда эта строчка:

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

?

 

ну это должно делать градиент в ИЕ, но я не знаю как это правильно отрабатывает, я обычно делаю с картинкой

Сделала так: http://jsfiddle.net/SvetaGr/RF2xc/7/

Для градиентов использовала генератор: http://www.colorzilla.com/gradient-editor/

 

Но в IE9 и меньше - не работает. В чем причина?

градиенты ниже ие9 не работают вообще, они там не поддерживаются, можно для него подсунуть картинку

Посмотри здесь примеры, может что-то подойдет

 

Поймут все, но если табличная стили нужны для того, что бы сделать два блока на всю высоту документа, то еще нужен будет table-row а потом уже table-cell

Не понимаю - почему? Ведь table-cell разворачивается на всю высоту таблицы сам по себе - зачем еще table-row? Или если контента в одном много, в другом мало - они разного размера? 

 

Точно ответить я не смогу, но с такой проблемой я столкнулся в IE8, table-cell не тянулся на всю высоту без table-row

Поймут все, но если табличная стили нужны для того, что бы сделать два блока на всю высоту документа, то еще нужен будет table-row а потом уже table-cell

 

А зачем делать эти блоки абсолютными? можно же сверстать эти элементы и без абсолютного позиционирования. 

Не затруднит подсказать?

 

http://jsfiddle.net/bvvell/3kH4v/ ну примерно так 

А зачем делать эти блоки абсолютными? можно же сверстать эти элементы и без абсолютного позиционирования. 

все работает http://joxi.ru/uWSwUv3JTJALDbjkBvo - браузер Firefox

В хроме не работает

http://stackoverflow.com/questions/6894439/transparent-rounded-corners-on-google-map попробуй сделать как тут написано, может получится

а как вы это делаете? строку на строку накладываете что ли?

Есть браузерный плагин pixel perfect, там картинку загружаешь и она поверх верстки накладывается

http://wordpress.org/plugins/bxslider-integration/ посмотри вот этот плагин, он может слайдить любые блоки