Z1gnet

это конечно все хорошо, но ваши картинки не прогрузились (поскольку они у вас на компе и доступа к ним нету), а во вторых вы не правильно оформили код, на этом сервисе нужно немного по другому. я исправил http://jsfiddle.net/J7XLR/1/ загрузите картинки в интернет и пропишите правильные пути к ним + верстать таблицами это не правильно и картинки в формате bmp никто не сохраняет. вот почитайте про изображения http://htmlbook.ru/samhtml/izobrazheniya/formaty-faylov

линка не работает и дайте скрин того что вы хотите получить. по словом "картинка" вы имеете ввиду тег img? скорее всего он вам не нужен, а нужно картинку повесить на background

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

читайте внимательнее, не нужно все сообщение в одну кучу лепить. про дедовский способ было к этому куску —————- ну так уже 2 раза писали про фоновую картинку на обертку. вы создали лишние блоки, можно сразу 2 цвета на один блок задать. как я уже писал либо репит полоской с 2мя цветами, либо градиентом.

в данном случае я так понял главная задача это потянуть фон. можно воспользоваться старым дедовским методом, задайте фон на оберточный блок #main-block. Можно вырезать однопиксельную репит полоску или градиентом сделать фон (это в случае если нет резины) если есть резина то можно через табличные свойства #main-block{display: table;}#content,#sidebar{display: table-cell;vertical-align: top;/* убрать флоат */}

<script>$(".videoA").click(function () { $(this).next(".videoJS").toggle(); $(this).toggleClass("active"); return false; //это что бы ссылка не кликалась});</script> вот и всего то, хотя можно еще сократить <script>$(".videoA").click(function () { $(this).toggleClass("active").next(".videoJS").toggle(); return false; //это что бы ссылка не кликалась});</script>

полностью согласен. терпеть не могу сайты с музыкой конечно можно. у вас просто ширина .main-div слишком большая! уменьшите ему ширину до той которая вам нужна (думаю небольшой отступ все же нужно оставить), ну и внутренние блоки возможно надо будет немного подогнать

тоесть сами не верстаете, а другим советуете? забавно...

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

http://cssdeck.com/labs/5rkoolcd вот я набросал, вполне плавно, хотя возможно у вас на сайте не так все будет плавно...

как я вижу не сильно помогло

не знаю что вы там и куда вставляли, но вот вам готовый пример http://cssdeck.com/labs/xpfo5gav все работает, возможно вы библиотеку джейквери не подключили? это и не будет работать так как событие клик происходит до того как ссылка становиться и :active

Ну так у вас и так получились уголки http://prntscr.com/25fitx, или какого эффекта вы хотите достичь?

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

Не знаю как вы, а я куфон терпеть не могу... с ним столько мороки. Особенно когда нужно сделать пиксель перфект между всеми браузерами (браузер на браузер накладывают), там просто фестиваль с лайн-хейтом. Если скажете что такой пиксель перфект не нужен, то я согласен, но на прошлой работе были жесткие стандарты... так что терпеть не могу куфон,ну разве что небольшой кусочек текста можно сделать, но когда весь сайт на куфоне....

я так понимаю что вам подойдет .find('.target-class') это он найдет все элементы с .target-class внутри блока от которого происходит поиск. Я только немного не понял зачем тут УИ? тут все ручками можно написать на джейквери и получиться довольно таки короткий код. (я про то что ты блок выезжал слева направо). хотя может чего не заметил...

почитайте тут, вроде доступно написано http://htmlbook.ru/css/border-image

Как по мне то тут дело не джаваскрипте. фаербагом решил порастягивать блок через цсс3 анимацию и полилось тоже не плавно... все тормозит (правда у меня дома комп слабенький, но все же). это так и задумано что такая куча блоков выезжает? при чем не на абсолюте, а статично. Возможно из-за этого такие проблемы.

ну так через цсс такое никак не сделаешь. тут нужен джаваскрипт $(".videoA").click(function () { $(this).toggleClass("active");});по клику будет добавляться на ссылку класс .active и на него пропишите стили. либо можно в джаваскрипте вместо класса стили применять, но я бы сделал через класс, как по мне так удобнее.

ну валиться потому что браузер пересчитывает все размеры и возможны некоторые неточности. если у вас все с точностью до пикселя было выставлено, то может как раз 1рх не влезть и все повалиться. панацеи против этого я не знаю, тут нужно по ситуации смотреть, но могу сказать когда боли не влазили разруливал, к примеру, добавлением конкретной ширины на родителя, либо делая небольшой "зазор" для таких случаем. Я считаю что можно так проверять верску, но в пределах разумного. я думаю что будет не логично очень сильно отдалять и приближать, типа такого http://prntscr.com/259bij и не забывайте что если у нас есть картинки которые на бекграуде то они тоже могут не корректно отресайзиться. не будет далеко ходить, вконтакте http://prntscr.com/259bsl , а я приблизил всего на один раз, и с этим (на сколько я знаю) уже ничего не поделаешь

что у вас не обрезается? вот посмотрите для наглядности 2 варианта показал http://codepen.io/anon/pen/erKEx

ну к примеру жиность шрифта отменяется font-weight:normal; нужно на тот элемент которому ты хочешь отменить (поменять) стили прописать нужные цсс свойства. правда не нужно забывать про приоритетность стилей. цсс свойства можно посмотреть здесь http://htmlbook.ru/css находишь нужное свойство, читаешь и прописываешь. будут вопросы - пиши

полностью солидарен с вышеизложенным. хотя тут возможны разные варианты в зависимости от ситуации

под изображением вы имеете ввиду тег <img>? тогда background-clip тут не при чем. вот мое решение http://codepen.io/anon/pen/erKEx но это для случая если конкретную картинку нужно отрезать на несколько пикселей. если нужен немного другой эффект то скорее всего просто нужно на див установить нужные размеры и overflow:hidden. Если можно, то скажите как конкретно нужно резать

Что то вы накрутили такую структуру что я не могу понять что вы хотите... Было бы замечательно начать с самого начала и увидеть дизайн того что вы хотите сделать. А то тут резина - не резина, абсолют - не абсолют, у кого 100%, а у кого не 100, бокс сайзинг еще... я пока в вашу беседу не могу въехать тут я вообще запутался возможно другая структура в вашем случае оптимальнее подойдет. а если пишете код, то выкладывайте его пожалуйста здесь http://jsfiddle.net/ так будет нагляднее.