Search the Community

Издательский дом Axel Springer ищет верстальщика на сайт Forbes.ru на постоянную работу. Резюме можете присылать сюда: tatiana.zharko@axelspringer.ru Обязанности: * Разработка и доработка темы оформления сайта. * Умение профессионально, корректно верстать (HTML-верстка) и писать на java-script с использованием jQuery. * Разработка и доработка модулей. Требования: * Опыт верстки от 2 лет. * Опыт работы с CMS Drupal (разработка модулей и тем оформления, понимание API Друпала). * Технический английский (на уровне чтения документации). Условия: * Офис: м. Ботанический сад. * Медицинское страхование.

помогите сверстать правильно этот элемент

Добрый день. Хочется услышать мнение опытных верстальщиков - можно ли отдавать такую работу условному заказчику? Есть ли грубые ляпы? Пора уже брать реальные заказы, или пока еще потренироваться на кошках? Верстал интернет-магазин с бесплатного макета: в архиве http://gfile.ru/atIs на сайте http://www.freepsd.w...zina-elwau.html HTML: http://popugaev38.ru/index.html http://popugaev38.ru/object.html http://popugaev38.ru/catalog.html http://popugaev38.ru/contacts.html CSS: http://popugaev38.ru/css/style.css JS: http://popugaev38.ru/js/main.js

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

Доброго времени суток! Макет Результат

Подскажите, как вырезать логотип (два кружочка и надпись Creative Studio), чтобы сохранить полупрозрачность желтого круга. Слой с текстом я могу убрать, конечно, в этом трудности нет никакой. А вот с полупрозрачностью - проблема. Не могу понять, как это сделать? Макет такой: https://www.dropbox....dio-minimal.psd И попутный вопрос. Хочу уточнить для себя. Для правильной, грамотной верстки текст на логотипе, центральной картинке - должен оформляться через код. Это касается не только этого макета, но и в общем. Я правильно понимаю?

Всем добрый день. Есть сайт на wordpress http://otkatka-spb.ru/. На него установлен шаблон Priimo. Никак не могу изменить ширину темы. По-идее, это должен быть wrapper в style.css, но никаких атрибутов width у него нет. Так же анализировал верстку через "проинспектировать элемент", все цифры ширины, которые я вылавливал не встречаются в css файлах темы (искал посиком через total commander на ftp). Помогите пожалуйста, заранее спасибо. СP.S. Я извиняюсь, но появилась копия этого сообщения в теме для новичков. Поскольку там активность больше, просьба эту тему удалить.

Ребят, помогите плиз! У меня при изменении масштаба(или просто за компом с другим расширением экрана), всё куда то сползает, то куда то вверх, то вниз, ну В общем куда угодно тока не фиксируется там где нужно! Что мне делать?

Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.

Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center; padding-bottom: 0px; position: relative; } /*—————————————————————————--*/

Всем привет, сразу скажу, я еще начинающий, и вот на днях доделал макет с сайта divhack.com. Готовый пример вот тут - http://divhack.com/d...s/study/4/html/ То, что получилось у меня тут - http://cssmaniac.com/site4/index.html Старался верстать пиксель в пиксель, вроде бы почти получилось. Подозреваю, что кода многовато и был бы признателен, если бы вы указали на ошибки/недочеты либо дали дельные советы. Всем заранее спасибо!

Доброго времени суток. Помогите пожалуйста, люди знающие. Вот здесь http://licvid.4programmer.org.ua в верхнем меню все пункты отображаются нормально. Но если зайти с Android устройства - почему-то последний пункт уезжает вниз. Подскажите, почему и оч.желательно, что с этим делать) Заранее спасибо за ответ=)

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

Макет - http://webpages.hes78.com/Angelo/angelo-home.png'>http://webpages.hes78.com/Angelo/angelo-home.png Вёрстка - http://webpages.hes78.com/Angelo/ Что сделал не так? Что можно было лучше?

Прошу оценить качество верстки и семантики. Есть ли какие ошибки? И самое главное, были ли моменты, которые проще или правильнее было бы сделать по-другому? Собственно сама верстка: http://www.web-advis.../first_orange2/ Шаблон взят от сюда: http://forum.htmlboo...showtopic=14398 Сделал резиновую верстку для минимальной ширины в 1024px. Код валидный. Тестировал в Firefox, Opera, Chrome, Safari 5, IE8, IE9. IE7 поддержвивается с небольшой деградацией - отсутствуют двойные кавычки в нижнем меню, и уменьшил ширину главного меню .main-nav в IE7 до 24% на элемент, так как иначе при определенных размерах ширины окна меню разваливается. Собственно большое количество вложенных тегов как раз объясняется поддержкой IE7, так как он не понимает больше одного фона для одного тега. Заранее всем отписавшимся большое спасибо.

Здравствуйте, хочу у себя на сайте переделать бар для топика, но не знаю как сделать правильно! Будет 5 блоков. 1. 3-первых заданной ширины по левому краю, 2. 4-резина, 3. 5-не резиновый, но не заданной ширины по правому краю. Помогите такое реализовать.

Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня* Пруф *Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

Доброго времени суток! Я первый раз тут у Вас на форуме, но судите строго, если не так создал топик. Хотелось бы услышать мнения по верстки сайта, функциональности и оптимизации. Вот собственно сам сайт: http://itatlas.ru/ Заранее благодарен)))

Всем доброго времени суток! Раньше увлекался версткой, но пришлось бросить это занятие из-за обстоятельств. Спустя некоторое время изучал движки. Теперь вот опять вернулся к верстке т.к хочу научится профессионально верстать и натягивать шаблоны на cms. Тут буду выкладывать свою поке еще корявую верстку, Ну а вы если можете помочь советом, указать на недочеты или как сделать все более проще - то пожалуйста пишите! Вот я эту простоту целый день делал http://www.cosremos....nes1/index.html Вроде все получилось, но чувствую верстка с недочетами.

Доброго времени суток! Имеется 3 горизонтальных блока Первый и последний имеет заданную ширину, второй - резиновую ( в процентах) Проблема: когда меняешь разрешение, то 3 блок налезает на второй, как это можно устранить? Пример к чему стремлюсь, главная страница майл . ру , а именно блок с новостями по середине, когда меняешь разрешение сужается именно он, остальные остаются на месте. Заранее благодарю.

Макет - http://webpages.hes7...ld/oakfield.png Вёрстка - http://webpages.hes78.com/Oakfield/ Что сделал не так, что можно было лучше? Касательно вёрстки и семантики HTML5.

Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?

Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.

Вот html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" /> </head> <body> <div id="wrapper"> <header id="header"> <div id="logo"> <a href="#A1_logo"> <img style="float:left;" src="images/A1_logo.png" /> </a> <a href="#Netwheels_logo"> <img style="float:left; margin-left:50px;" src="images/Nordea_logo.png" /> </a> <a href="#Nordea_logo"> <img style="float:right;" src="images/Netwheels_logo.png" /> </a> </div> </header><!-- #header--> <section id="middle"> <div id="container"> <div id="content_large"> <strong>Content</strong> </div><!-- #content--> <div id="content_small"> <strong>Content</strong> </div><!-- #content--> <div id="content_small" style="float:right"> <strong>Content</strong> </div><!-- #content--> </div><!-- #container--> </section><!-- #middle--> </div><!-- #wrapper --> <footer id="footer"> <strong>Footer</strong> </footer><!-- #footer --> </body> </html> А вот CSS * { margin: 0; padding: 0; } html { height: 100%; } header, nav, section, article, aside, footer { display: block; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; background-image:url(images/body_bg.png); background:bottom; background-repeat:repeat-x; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #logo { padding-top:25px; width:940px; margin:0 auto; } #wrapper { width: 1010px; margin: 0 auto; background-image: url(images/bg_shadow.png); min-height: 100%; height: auto !important; height: 100%; } #header { height: 300px; background-image:url(images/header_bg.png); margin: 0 auto; width: 980px; } #middle { margin: 0 auto; width: 980px; padding: 0 0 100px; height: 1%; position: relative; } #middle:after { content: ''; clear: both; display: table; } #container { width: 930px; margin:0 auto; overflow: hidden; padding-bottom:50px; } #content_large { width:930px; margin-top:25px; height:211px; margin:0 auto; border:none; background-image:url(images/large_box_bg.png); } #content_small { width:453px; margin-top:25px; float:left; height:211px; border:none; background-image:url(images/small_box_bg.png); } #footer { width: 980px; margin: -100px auto 0; height: 100px; position: relative; } Если добавить <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> в html сверху то все ОК Но к сожалению нельзя использовать js (( Помогите плиз! Вот что в IE А надо

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.