gibigate

Имеем wrapper с 980px ширины, в нем находится header,content,footer. Каким образом сделать так чтобы содержимое content была больше 980px (в моем случае 100% экрана). Неужели придется header и footer выставлять отдельно, а у врапера убрать?

как вариант скачать с торента крякнутую попробовать на деле, если понравится и денег не жалко, то купи лицензию. Кто нибудь пробовал подключать zen coding для php designer 2.5 ??

на jquery $('span:first').live('hover', function() { $(this).css('background','#000'); },function(){ $(this).css('background','#fff'); });

сложно в плане js, там ещ слайдеры всякие допилить, но все равно ты подебилпобедил.

только что писал карусель, вот код $('.carousel ul').each(function() {//задает ширину <ul> которые высчитываются из li var width = 0; $(this).children('li').each(function() { width = width + parseInt($(this).css('width')); }); $(this).css({'width':width}); } $('.carousel').each(function() {//добавляет автоматически кнопки $(this).append('<a href="#" class="l-handle"></a><a href="#" class="r-handle"></a>') }); $('a.l-handle').live('click', function() {//нажатие на левую кнопку var ul = $(this).siblings('ul');//находит <ul> var li = parseInt(ul.children('li').css('width'));//считает ширину <li> if (parseInt(ul.css('left')) != 0) {//проверка чтобы нельзя было передвинуть если справа нет больше элементов ul.animate({'left':parseInt(ul.css('left')) + li}, 500);//само движение 500-скорость } return false;//чтобы ссылка не кидала вверх страницы }); $('a.r-handle').live('click', function() { var ul = $(this).siblings('ul'); var li = parseInt(ul.children('li').css('width')); if (parseInt(ul.css('left')) >= 0) { ul.animate({'left':parseInt(ul.css('left')) - li}, 500); } return false; }); собственно работает на все элементы у которых есть класс carousel структура должна быть такая <div class="carousel anyclass"> <ul> <li></li> </ul> </div> у карусели должна быть ширина, relative и overflow. Также должны быть два класса с картинками-стрелками. Например .carousel {position:relative;width:800px;overflow:hidden;height:200px;} .l-handle {position:absolute;top:70px;left:20px;width:20px;height:20px;background:#000} .r-handle {position:absolute;top:70px;left:20px;width:20px;height:20px;background:#000} .carousel ul li {float:left;width:200px;} Вроде все, ах да еще не проверял на кроссбраузерность. Так что сделай милость чекни)

Значит не верстал действительно тяжёлые вещи, из-за которых баги могут повылазеть где угодно. сейчас работаю над этим проектом http://gibigate.ru/portfolio/2011/applemarket/index.html готово процентов на 40-50 Задача довольно сложная, но сталкивался и с более сложными. Может я не ветеран, но практически всё могу сверстать и написать(скрипты) =) Просто нужно соблюдать логику кода, размеры(например для ие оставляю 1 пиксель свободы по ширине, не знаю как но помогает очень). по теме, верстка не всегда останется востребованной, я думаю придут времена когда можно будет с легкостью все создать в программе, которая к тому же не допускает ошибок и придерживается всех правил имхо. Нужно потихоньку переходить на php

Или jquery $('#element').fadeIn(1000);

Тоже раньше не играл в подобные игрушки. Пишу игру на jquery, пока что есть человек который бегает по уровню и статичные враги, занимаюсь когда свободен. Канвас и тонкости анимаций css3 еще не освоил, поэтому приходится на jquery

http://gibigate.ru/portfolio/2011/technomak/catalog.html сделал стандартным способом, но мне не нравиться. задал бекграунд li и падингом поправил, для каждого элемента делющегося на 3 (3,6,9) поставил класс last

можно display:table-cell и vertical-align: top middle bottom но ие6-7 не понимают(хотя expression можно наверное написать?)

блин сколько верстаю (не меньше года) все верстки были от ие8 абсолютно идентичные во всех, с оперой никогда проблем не было, даже с самыми сложными макетами с кучей css,js. ИЕ6-7 тоже неплохо выглядят (в плане структуры не ломаются), редко пишу хак для ие7. А для ие6 под каждый проект строго belatedPNG+отдельный css По теме надеюсь что все сравнятся с фаирфоксом и в последующем не возникнут проблем с кроссбраузерностью, но тут уже я думаю одешевеют услуги верстальщика, станет все просто? Придет куча школоты(я даже уверен, потому что интернет и веб-технологий стремительно развиваются) работающие за хлеб.

как вариант задать отступы с правого и левого края, например если она будет резиновая margin:0 250px 0 250px; справа и слева по 250 пкс отступ, ширина резиновая

читайте changelog к новым версиям jquery, в частности вместо attr нужно использовать метод prop

читаю и удивляюсь где вы столько бабла находите, такое ощущение что все суммы умножаете на несколько раз чтобы выглядеть солидным на форуме. Я например беру верстку главной, если повезет за 100$, это с учетом jquery, кроссбраузерности, и точности почти пиксель в пиксель. Но верстаю я быстро (спасибо зен кодингу), примерно за 1.5-2 часа средний сайт, +30 минут на проверку. Клиенты очень довольные, потому как верстаю от ие6 даже если этого не было в условиях(да да ие6 не такой и тупой если использовать правильный проверенный код). Также сокращает время замечательный сайт который генерирует форму сайта, не буду давать ссылку может это запрещено(правила еще не читал). Не знаю может не хватает наглости как выше пишут. Была попытка срубить бабло, заказчик перестал отвечать. Почему начал заниматься, потому что тут не бывает депресняков, как например когда рисуешь дизайн и в голову ниче не лезет. Все очевидно и просто. А если не получается что-то сделать, есть js,jquery. Освоил азы php, но не нравиться мне програмировать на нем. Основная работа вообще не связана с компьютерами, и мне как подработка очень даже подходит, более того я можно сказать отдыхаю когда верстаю, какая та магия которая расслабляет. А всем мажорам которые выше отписались, и которые берут по 500$ за гавносайт, скажу что нужно любить то что ты делаешь, пусть это и гавносайт, но нужно отнестись к ней так, чтобы потом не было стыдно за эту работу. PS ваш верный жамшут.

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

да я только css читал, спасибо за исправление. Семантически правильно будет если обернуть ссылку в <div id="logo"></div>

если относительно d1, а wrap имеет relative, то никак, лучше переместить вверх или вниз и сделать соседями с wrap

очевидно же #logo { width: 64px; height: 95px; margin-left:55px; background: url(logotip1.png) no-repeat; } margin-left: поставить больше

как я и написал выше проблема с графикой, выравнивание сделал <ul> <li>*12</li> </ul> сейчас код самый простой, линий графика 1 пиксель в ширину, так что поделить её нельзя, или делать с absolute position? и каждый 3 li без картинки

Основная проблема графика Для начала хотел сделать с jquery, но может кто сталкивался и находил более легкое решение такой верстки. Желательно конечно чтобы было в одном ul Или дайте направление куда копать и как выгоднее сделать