Vadimka

либо с css3/target мудрить (не кросбраузерно) либо через js/jquery (при загрузке первому элементу присваивается класс который отвечает за раскрытие, при клике по другой вкладке у первой класс удаляется и присваивается той по которой кликнули)

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

установлены opera, firefox, chrome, safari, IE10 а для IE5-9 у меня IE TEster стоит, программа, там можно посмотреть от 5 до 9 как откроет браузер.а так вообще без всех браузеров тебе по любому не обойтись. на IE6 и ниже конечно можно забивать уже. а вот 7 пока рано.

к сожалению не смог посмотреть как у вас карусель перемещает блоки. сдвигая весь список или перемещая первый элемент в конец? если перекидывает первый назад можно как выход сделать таким образом как на картинке, всплывающей форме 4 элемента задать стиль чтобы он выглядел так через :nth-of-type(4) в css или через js

ага, увидел) вы вообще свои сайты во всех браузерах тестируете?? opera, chrome, firefox, safari,IE ?? в firefox открывали??)) у меня лично там открылось как вам надо, отсюда и не понял что надо.а вот в других косяки. а всё из за того что фоксе не подключился шрифт и отображается не тот что вы хотели, во первых, подправьте шрифты, сконвертируйте шрифт для всех браузеров, все нужные форматы подключите. а во вторых я сам сталкивался с такой проблемой, к сожаления решить её можно лишь задав каждому элементу списка свою ширину тем самым выровнив всё. это самый кросбраузерный вариант) без js, css3 с поддержкой IE

http://jsfiddle.net/YYESG/ вот примерно, метод действия. подправишь как тебе надо. сделал перемещение из 2-ой в 3-ю и наоборот и присвоение класса при выделение

а как сейчас он у тебя, тебя не устраивает? вроде норм, или я не понял толком суть проблемы. как вариант - если пункты меню у тебя не изменятся, не удалятся и не добавятся, задай каждому свой класс или id и подели ширину блока меню на всех, по пиксельно, первый 120px, втолрой 240 и т.д (типа того) будет ровно на всех браузерах (если правильно отступы и рамки высчитаешь и поделишь)

согласен. rtl_one тебе так сказать наставление на путь, способ, которым решить можно. в блоке выводится список, по клику на элемент списка присваиваешь класс, например selected, а перемещать посредством .prepend или .append те элементы которые имеют класс selected

тебе принципиально важно чтобы форма выводилась внизу под блоком? если нет то как вариант выводи её в самом блоке поверх пункта к которому она относится

хера себе)) position: align; css4 уже?? или что))) нет такого параметра для position страница на компе у тебя или в инэте по какому то адресу посмотреть можно?

открыл ты ссылку из 1 поста, в мозиле в firebug поставил блоку margin-bottom: -70px; всё работает.ты либо не туда пишешь либо ошибка в синтаксисе. этот способ стопроцентный

в правельную сторону думаешь. если ты поднял на 70px кнопку, то и задай ей ещё отступ снизу -70px input { top: -70px; margin-bottom: -70px; } будет как ты хочешь

просто для каждого браузера свой формат шрифта должен быть Internet Explorer (все версии) — EOT; Firefox (начиная с 3.5) — TTF/OTF (WOFF добавлен с версии 3.6); Opera (начиная с 10) — TTF/OTF; Chrome (все версии) — SVG (TTF/OTF добавлены в конце января 2010-го); Safari (начиная с 3.2) — TTF/OTF.

хм... @font-face { font-family: 'PT Serif Italic'; src: url('fonts/PTSerifit.eot'); src: url('fonts/PTSerifit.eot?#iefix') format('embedded-opentype'), url('fonts/PTSerifit.woff') format('woff'), url('fonts/PTSerifit.ttf') format('truetype'), url('fonts/PTSerifit.svg') format('svg'); font-weight: normal; font-style: normal; } ты уверен что сконвертировал нормально шрифт?пути проверь, другие шрифты работают?

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

а не проще всё решить с помощью css только?? js зачем то подключил для изменения размера. div с position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #222; http://jsfiddle.net/KzwW8/ и всё, у тебя див с размерами окна, растягивай, сжимай, всё равно заполнит всё, и при скролинге всё хорошо работает до IE7, на 6 на всю высоту не тянет.хотя поддержка IE6 сейчас нахер уже не нужна

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

http://jsfiddle.net/4DsgV/ дописать скрипт немного, нажал скрыл, нажал-показал

ты бы сказал где именно появлялась, в модальном окне, новой странице. http://jsfiddle.net/Z3LXJ/ вот вариант, вставляешь этот блок с формой под кнопку, в стилях блока display: none; то есть скрыть, и скрипт jquery (предварительно подключив библиотеку) при нажатие на кнопку блоку присваивается display: block; и он становится видимым

1) шаблон тот же, та же html, та же структура, просто в зависимости от разрешения экрана будут применяться разные стили. картинки просто отпимизировать лучше и ширину ставить в процентах в зависимости от контейнера и экрана 2) оптимальный вариант любой. тут ещё такая фишка, зашли на твой сайт с экрана 1024 и выше то ему у body одна картинка, зашли с 320 до 640 ему меньше бэкраунд картинка.ты просто выбираешь например три размера картинки, под большие дисплеи компов, под средние планшетов и мелкие - телефоном. и в зависимости от экрана они у тебя будут меняться на бэкгроунде. 3)процентное отношение всегда берётся относительно родтеля если параметр posinion не absolute. то есть если у тебя этот див находится только внутри body то отношение относительно его, если он внутри ещё одного контейнера то относительно его. и вообще почитай тут ещё, пригодится http://www.cmsmagazine.ru/library/items/graphical_design/build-responsive-site-week-designing-responsively-part-1/ http://www.cmsmagazine.ru/library/items/graphical_design/build-responsive-site-week-designing-responsively-part-2/ http://www.cmsmagazine.ru/library/items/graphical_design/build-responsive-site-week-images-and-video-part-3/

тут не забывай про *display: inline; и zoom: 1; это для IE7 и ниже, ато на них работать не будет

1) overflow:hidden у блока внутри которого выезжает текст - скрыват всё что выходит за рамки блока если у него фиксированые размеры!!! иначе просто расширяет его 2) <div>Текст</div><div>картинка</div><div>Название</div> просто поменяй в коде местами)) <div>Текст</div><div>Название</div><div>картинка</div> а если ты про наложение то z-index

http://jsfiddle.net/qLGkS/ вот как будет работать, так как ты думаешь не получится из за плавающих элементов (float), а в том примере что я кинул работает всё так, делаешь див на всю ширину контейнера в котором он находится, ul что внутри position: relative; float: right; left: -50%; позиционирование у него относительное, обтекание вправо, и сдвиг влево на -50%, то есть уходит влево на половину, а у li внутри ставишь тоже относительное позиционирование position: relative; обтекание влево float: left; и смещение относительно ul - left: 50% и они автоматически будут центрироваться, этот метод с использованием float а без него можно через inline-block http://jsfiddle.net/JfAY9/ li display: inline-block; ведут себя как строчные элементы, можно выровнить их по центру но внутри ведут как блоки, можно задать ширину высоту и т.д., для работы этим способом в IE7 и ниже просто добавляем у li *display: inline (символ звёздочки обязательно, этот парамтр увидят браузеры IE7 и ниже а остальные проигнорируют) перед display: inline-block; и zoom: 1; всё)

ну так ты будешь прописывать путь в css к картинке относительно самого css, у тебя например корень сайта выглядет так css/ style.css images/ images.jpg index.html в стиле путь к картинке выглядет так background: url('../images/images.jpg'); две точки и слеш означают на один каталог вверх

где то ты css косячишь жестко походу, а background:-webkit-linear-gradient(left, #f9f9f9, #000000) отвечает за градиентный фон в браузерах -webkik то бишь в хроме и сафари а тебе надо кросбраузерный background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#000000 100%); /* W3C */ вот тебе в помощь http://www.colorzilla.com/gradient-editor/