Search the Community

Здравствуйте. Возникла проблема с картинками: откуда-то берутся пробелы между картинками, хотя, судя по написанному в коде, их быть не должно. Подскажите, как от них избавиться, очень нужно. Вот HTML <section class="content"><div><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a><a href="#"><img class="separate1" src="img/1.png" onmouseover="this.src='img/izo.png'" onmouseout="this.src='img/1.png'" border="0"></a></div></section>Вот CSS .content {position: absolute;left: 250px;top: 0px;margin: 0px;padding: 0px;}img {border: 0px;padding: 0px;margin: 0px;}Вот скриншот http://joxi.ru/2nPhUhjKTJB5BcGDUEE Спасибо!

Здравствуйте! Оцените, пожалуйста, верстку. Сайт http://probjob.esy.es Макет 3 страниц http://vladmaxi.net/web-designer/makety-sajtov/psd-maket-dlya-biznes-sajta-bislite-dizajn-2-x-stranic.html Ie 9+ Еще хочу сразу задать вопрос на странице CONTACT US в footer inline-block не хотят растягиваться по ширине в Opera и Сhrome, как я поняла это связано как то с формой расположенной выше, но как это исправить не знаю, подскажите кто знает

закрыть

Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!

Прошу оценить верстку, указать на ошибки ну и помочь кто чем может!) http://rghost.ru/51383233

Всем привет. Прошу оценить мою первую верстку: http://continuum.besaba.com/ Обратите внимание на горизонтальные линии между пунктами меню футера: некоторые линии толще и это произвольно перекидывается на другие линии при масштабировании страницы. Еще одна проблема: в сафари, хроме и опере верстка плывет при сильном уменьшении масштаба. Буду рад получить как можно больше замечаний и советов от опытных верстальщиков.

Делаю качественную html верстку на заказ. Верстаю из psd макета. Для оценки по цене и срокам, нужно показать макет. html + css + javascriptинтеграция с cms wordpressделаю сайты-визитки "под ключ"Контакты: skype: danil-html email: danil.html@gmail.com danil-html.ru - Отзывы и примеры работ Последние работы по html верстке: http://danil-html.ru/works/EGRPMSK/ http://danil-html.ru/works/lovely/ http://danil-html.ru/works/parasel/ http://danil-html.ru/works/diet/ http://danil-html.ru/works/rex/ http://danil-html.ru/works/school/ http://danil-html.ru/works/shapka/ http://danil-html.ru/works/template1/ http://danil-html.ru/works/woods/ http://danil-html.ru/works/webtream/

Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.

Пару недель повисел на сайте, почитал статьи. Решил попробовать сверстать несложный сайт.Не всё так просто, как казалось. вот макет сайта https://googledrive.com/host/0B8AjTYm85ggoOWIzVGFwYTMtbFE/. Шапку с грехом пополам сверстал вроде. А дальше дело не особо пошло. В частности не могу понять почему не добавляются поля padding класса .wrapper. Думал сделаю обёртку чтобы текст не прилипал к границе слоя, но что-то не выходит. Вроде использую верное решение с сайта http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-dvukhkolonochnyi-maket. Вот моя недоделка https://googledrive.com/host/0B8AjTYm85ggoSjgyX29HOEJIYzQ/maket.html . Пытался сам понять что не так, в итоге сделал тестовую страничкуhttps://googledrive.com/host/0B8AjTYm85ggoSjgyX29HOEJIYzQ/test.html на которой тот же принцип срабатывает, а у меня нет. В тесте блоку <div class="s6"> соответствует мой wrapper. Кто увидит грубейшие ошибки и тыкнет носом заранее спасибо. P.S. Если тема не в том разделе или я неясно выражаюсь что не работает, то дайте знать. Заранее спасибо.

Приветствую. Принимаю заказы на верстку c нуля. Статика, резина, адаптивная верстка (применяю Twitter Bootstrap 3) html, css, jquery Примеры: http://alexlebedev.pw/works/gpark/ http://alexlebedev.pw/works/oglamour/ http://alexlebedev.pw/works/lpage/ http://alexlebedev.pw/works/night_trade/ Цены: В среднем от 1500 рублей за страницу (Пишите, может у вас очень простая станица, обсудим) Отзывы: Лично при переписке, скину ссылку на профиль на fl.ru, более 10ти положительных отзывов. Контакты: email: alexey.swn@gmail.com skype: fe1ozan

Делаю верстку с резиновыми колонками и фиксированными отступами между ними. .col {margin-left: 10px;margin-right: 10px;}Через float колонки находятся в одном ряду. Если задать margin, при ресайзе окна колонки не обтекаются и переносятся. Подумал для этого использовать бордеры, вот так: border-left: solid 10px transparent;border-right: solid 10px transparent;Можно так?

Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!

Мне нужно чтоб картинка занимал 100 % от окна браузера по ширине и 60 по высоте. Меню должно находиться в пределах катринки. Вот код: http://jsfiddle.net/J7XLR/ используя проценты используя пиксели

Всем привет. Не прошу готового решения, прошу грамотного совета как лучше сверстать такую комбинацию, чтобы текст можно было менять и кнопка с "кармашком" тянулся на всю ширину:

Всем привет! Кидаю на оценку очень простенький, но достаточно симпатичный макет (http://probnik2.bl.ee/). Надеюсь на конструктивную критику. Думаю, что после этого макета буду браться за макеты посложнее. Спасибо вам за ответы

Хотелось бы услышать советы от опытных фрилансеров (если таковые имеются) насчет выполнения заказов по верстке. Стадия 1. Суть проблемы такая. Дизайнер рисует кривой (или чуть-чуть кривой) макет и отдает заказчику. Заказчику все вроде как нравится или не все, но в целом большая часть работы его устраивает и полагает, что диз свое бабло отработал. Отдает ему деньги и пока-пока. Стадия 2. Заказчик берет этот макет и идет на биржу искать верстальщика, который все это дело хорошенько заверстает. Пишет в описании работы, что ему нужна качественная, валидная, супермега-кроссбраузерная верстка под все браузеры, включая IE с версии 95 года и выше. Дополнительно указывается чтобы исполнитель был супер профи, придирчив к мелочам, и не просто сверстал, а возможно бы и дал совет по улучшению и т.д. т.п. И где-то тут всплывает основной камень преткновения. Исполнитель с хорошим опытом и кучей положительных отзывов выбран. После верстки обещает 99.999% совпадение с PSD макетом. Он берет этот макет, допустим как на картинке ниже, и видит такую хрень: 1, 5) Нижнее подчеркивание у заголовков по-разному отступает у колонок. 2) Нижний <hr> обоих колонок находится на 2 пикселя выше, чем точно такой же вверху (с обоих сторон). 3) Из-за (1) и (5) текст выезжает из колонки на пару пикселей. Собственно из-за этого проблемы могут бы со всем остальным содержимым (4). И встает вопрос что ему делать. Исправлять этот шабаш, на который он вовсе не нанимался или же верстать как есть? Если заказчик умеет пользоваться тулзой ПиксельПерфект, то ему не составит труда на выходе сверить исходный макет с тем, что получилось и он явно заметит далеко не 99.999% сходство, особенно когда кривостей не 1 и не 2. Получается при подобных правках, особенно когда что-то реально криво висит, исполнитель обязан информировать заказчика и тратить время на исправления косяков предыдущей инстанции. А нужно ли нам это и правильно ли это? Ведь если ты хочешь сделать все действительно хорошо, то ты должен быть не только верстальщиком, а еще и менеджером, который умеет быстро и хорошо объясняться. При всем при том, если заказчик не совсем в теме или какой-нибудь там советской закалки, то у него может сложится вовсе отрицательное мнение о компетенции верстальщика, если он выдаст листинг подобных замечаний . Кто-то спросит почему? Да потому что некоторые могут считать, что верстальщик это гастарбайтер который берет кирпич и ставит его так, чтобы в итоге все получилось ровно как на картинке, а потому с какого перепугу этот гастарбайтер должен хорошо разбираться в дизайне и в добавок иметь наглость оспаривать какие-то моменты? PS Видел сегодня условия что-то вроде:"нужен верстальщик, для которого верстка это основная специальность. Человек оркестр нас не интересует." Вот и выходит, что если даже в макете что-то будет действительно криво, то стоит ли брыкаться и становится человеком оркестром?

добрый день оцените верстку : http://sait-ru.1gb.ru/

Увидел макет, скачал, заценил уровень криворукости и полнейшей пофиговости того кто его рисовал, и решил провести пару дней садо-мазо над собой. Какой плюс может дать верстка ужасного и кривого макета? Как мне кажется - опыт работы с криворукими дизами и закалка мозга от неожиданного батхерта. Если все время верстать хорошие макеты, где каждый слой лежит в своей папочке, и каждая такая папочка еще и раскрашена, где все сделано по сеточке пиксель в пиксель, где нету одинаковых абзацев текста, у которых разные отступы интерлиньяжы и тому подобное, где 2 подряд идущих абзаца не имеют разных отступов со любых сторон, где почти все значения целые или хотя бы четные, а не что-то типа 173, 169, 19.5, в таком случае это похоже на шоколадную жизнь. А такого, как мы знаем, не бывает. Верстка полностью фиксированная под ие8+, но и на ие7 все довольно не плохо. Также пытался сохранить все извращения диза, потому в коде полным полно сдвигов с садо-мазо числами. То что на глаз кажется одинаковым, например черточка нижнего подчеркивания одинаково отступает у заголовков, на самом же деле там разброс в 1-3 пикселя. Если все прижимается к левой стороне, все равно находится блок, который вылазит на 3-4 пикселя за границы. В общем весело было. Лого специально верстал, а не вырезал. Менюшку также извращал градиентами, но голова опухла раньше чем удалось более точно добиться совпадения (3 градиента это перебор 0_o ), решил оставить как есть и не заменять картинкой. Всяких ховер стейтов и прочих нифига нету, потому все оставлено как есть, без своих добавлений. Если кто-то подскажет/выскажет замечания, в основном интересуют по коду, буду очень благодарен. картинка макета - http://webdevelop.zz.mu/business-1/business-1.jpg сайт - http://webdevelop.zz.mu/business-1/

Здравствуйте! Предлагаю услуги по вёрстке сайтов из PSD в HTML4 / HTML5, CSS2 / CSS3, подключение jquery-плагинов. В общей сложности занимаюсь этим уже 3 года. Имею большой опыт кроссбраузерной, валидной верстки с соблюдением семантичности. Некоторые из работ: - http://financemaster.lt - http://drupaloutsourcing.com/ - http://qublive.us.to/ - http://smartdoc.com.ua/ - http://www.prodam-auto.com.ua/ - http://soft-group.com Связаться со мной можно: skype: stompeg e-mail: stompeg.yalta@gmail.com icq: 275 545 732 В Skype и Email бываю чаще. По ценам: главная = от $40 внутренние = от $15 Пишите и вы не пожалеете! Работу сдаю в срок.

Здравствуйте. Создаю сайты на заказ. Быстро, качественно, недорого. По вопросам создания сайта пишите на: aleksandr-webmaster@yandex.ru

Здравствуйте) У меня великая проблема. Я не знаю, что мне делать. Куда идти, куда бежать, если html с css я изучила, хоть и совсем не совершенно, но продолжаю развиваться? Что именно нужно делать после того, когда я точно буду уверена, что код мой чистый и правильный, когда буду на среднем уровне? Заранее спасибо за полезные советы)

Есть несколько самостоятельных блоков. Их объединяют набор неких css свойств и одинаковый html код, но внешне они сильно различаются за счет разных стилей, плюс содержимое по смыслу немного различается. Если кому-то важна конкретика, то пусть это будут некие списки, которые имеют общие нестандартные маркеры, отступы, шрифты, содержат ссылки. Но отличаются цветом, размером текста, подчеркиванием, могут располагаться в разных частях страницы, один список содержит ссылки на какие-либо сервисы, другой на услуги, третий еще на что-нибудь, плюс на разных страницах, например, список сервисов имеет разные цвета и размеры шрифта. По какому принципу их лучше проименовать и назначить стили, что бы было понятно, рационально и удобно с точки зрения дальнейшей поддержки кода? Например: 1. Родитель: класс="общий уникальный". Здесь всем блокам даются одинаковые стили и имена классов как для родителя, так и для внутренних элементов, но родителю добавляется уникальный класс, опираясь на который, на блок и его элементы навешивают уникальные стили. 2. Родитель: класс="уникальный общий". Здесь каждый блок называется по разному, как и его элементы, и задаются уникальные стили, а после родителям добовляют один общий класс, на котором висят общие стили.

Добрый день. Пытаюсь сделать сайт для товарища на основе шаблона Yootheme Subway. Хочу сделать дату как в демо версии шаблона возле модулей (слева от модуля). Вот демо шаблона: http://www.yootheme.com/demo/joomla Подскажите пожалуйста как правильно сделать так красиво дату?! Может какой то плагин нужен или это просто писать нужно в html или css? Я начинающий относительно сайтов поэтому прошу объяснить как для "тупых"). Вот сам сайт который требует помощи: http://rococo.in.ua/ Заранее спасибо.

Задача - верхняя полоса и сами кнопки-переключалки - резиновые У меня как-то получается очень много вложенных вспомогательных элементов. Для меня это оказалось то ли слишком сложно, то ли я уже устал.. Не прошу верстать за меня, просто подкиньте идею, как лучше сделать?

Здравствуйте! Подскажите как правильно сверстать табы изображенные на картинке?