Search the Community

Верстка Landing page - блочная - html 5 - css 3 - формы обратной связи - модальные (всплывающие) окна - таймеры и т.д. Гарантирую аккуратность, порядочность, исполнительность. Есть отзывы с форума. Стоимость - от 40$ фиксированная для всех заказов Меняется только срок выполнения: Простой LP - 1-2 дня Посложнее (3 и больше экранов) - 3-10 дней Примеры выполненной работы: http://make4web.16mb.com http://axfild.make4web.meximas.com http://make4web.zz.vc Скайп - donets_viktor

Добрый день. Создаю список и вывожу его по такому типу: <div class="Clients_choose clearfix"> <ul> <li class="fist_child"><img alt="" src="images/my_pic1.png" /> </li> <li><img alt="" src="images/my_pic2.png" /> </li> <li><img alt="" src="images/my_pic3.png" /> </li> <li class="last_child"><img alt="" src="images/my_pic4.png" /> </li> </ul></div>Вывожу его горизонтально и для <li> задаю border-right. А можно вместо линии border задать какой то свой символ, например + или = ?

Привет всем! Ребята, помогите пожалуйста, всю голову сломал с позиционированием блоков. У кого есть какие варианты? Верстка резиновая. Прикладываю картинку.

Как научиться быстро и качественно верстать ? А то я очень долго верстаю. Есть какие то хитрости или помощники - сервисы?

Оцените плиз мою версточку Мне очень нужно знать ваше мнение.

http://test.liwil.net/irina/spetsarmatura/ вот ссылочка.

Прошу оценить верстку по всем критериям Ссылка на сайт: http://bruimafia.ru/temp_4/ Ссылка на шаблон: http://bruimafia.ru/temp_4/sh.png P.S. Слайдер не сделан

Доброго времени суток, я начинающий верстальщик, и я всегда сталкиваюсь с одной проблемкой, практически любой шрифт если он на английском отображается шире в Firefox чем в Google Chrome, то есть если написать какую нибудь строку на английском то он будет гораздо шире в Firefox чем в Chrome, и наоборот если это русский текст то тут уже в Firefox текст короче чем в Chrome и вторая картинка с английским текстом я понимаю что это всё не так критично просто хочется чтобы шрифты отображались одинаково во всех браузерах.

Добрый день. Есть список элементов, не получается сделать для <li> такую "рамку". Или для такого эффекта необходимо фоновой картинкой ставить подложку под текст? И если кто сталкивался, наверняка есть генератор для подобных штук?

Решил связать свою жизнь с веб-дизайном. Просят портфолио и опыт работы, а его и нет Поэтому я хочу сделать несколько макетов или вёрсток для портфолио совершенно бесплатно. Если я сказал "бесплатно", то это не значит, что это будет сделано "лишь бы как". Для меня представляет огромный интерес заниматься вёрсткой или макетом. После ваши работы будут находиться здесь morematt.hol.es Жду ваших предложений на почтовый ящик: morematt13@gmail.com

Добрый день. Прошу сильно не пинать, гуглил пол дня. Подскажите пожалуйста по такому вопросу: как выравнять текст в <div> по нижней границе без absolute. Есть div с фоновой картинкой, поверх которой я вывожу текст. Если использовать absolute текст смещается. Вот как выглядит вариант, в котором нужно выравнять текст по низу: А вот что получается, если у родительского div'a просивать position:relative, а у вложенного position: absolute; bottom: 0; Как ещё можно попробовать выровнять по нижней границе div'a?

Здравствуйте. Прошу посмотреть мой первый сверстанный шаблон. Сразу говорю там нет Меню, Слайдера и круги не заполнены. Меня, по большому счету, интересует правильность кода. Мне кажется я слишком много делаю обрамляющих div'ов. Так ли это? Ну и в целом не помешает критика по всем остальным критериям. Макет: http://bruimafia.ru/temp_1/template.png Сайт: http://bruimafia.ru/temp_1/

Сделать псевдолассом не получилось, на z-index не реагирует коричневый фон и закрывает собой кнопку.

Как сверстать такой контейнер? Проблема в точках между днями и временем.

Помогите пожалуйста. Я новичек. И мне нужно, чтобы данный код брался из одного файла на разные страницы сайта, чтобы я потом мог его редактировать только в одном месте. Как это вообще реализовать подскажите. Большое спасибо заранее. <!-- _________________________ Start Middle Bottom _________________________ --> <div id="middle_bottom"> <div id="test-widget" class="widget"> <script src="js/jquery.cycle.all.latest.js" type="text/javascript"></script> <script type="text/javascript">$('#test-widget ul').cycle({ fx: 'scrollUp', speed: 500, timeout: 15000, next: '#next_test', prev: '#prev_test', random: true, randomMap: true });</script> <h3>А знаете ли вы,что:</h3> <div class="nav"> <span id="prev_test"></span> <span id="next_test"></span> </div> <ul> <li> <p>Самое большое число, имеющее название - центильон. Это единица с 600 нулями. Он был записан в 1852 году.</p> <strong>Центильон</strong> </li> <li> <p>Через любую точку электрического потока за 1 секунду проходит примерно 6 242 000 000 000 000 000 электронов.</p> <strong>Электрические потоки</strong> </li> <li> <p>Арабские числа на самом деле не арабские, они были изобретены в Индии.</p> <strong>Арабские числа</strong> </li> <li> <p>18 февраля 1979 года в пустыне Сахара шел снег.</p> <strong>18.02.1979</strong> </li> </ul> </div> <div class="two_third"> <h3>Полезные ссылки</h3> <ul> <li><a href="http://translate.google.ru/#auto|ru|" target="_blank">Онлайн переводчик</a></li> <li><a href="http://www.speedtest.net/" target="_blank">Скорость вашего интернета</a></li> <li><a href="http://www.convert-me.com/ru/" target="_blank">Конвертер величин</a></li> <li><a href="http://www.co.ge/" target="_blank">Caucasus Online</a></li></ul> <ul> <li><a href="http://www.silknet.com/" target="_blank">Silknet</a></li> <li><a href="http://directory.ge/map/index.php" target="_blank">Карта Тбилиси</a></li> <li>пусто</li> <li>пусто</li> </ul> <ul> <li>пусто</li> <li>пусто</li> <li>пусто</li> <li>пусто</li> </ul> </div> </div><!-- _________________________ Finish Middle Bottom _________________________ -->

Прошу оценить верстку многостраничного сайта. Опыт в верстке корпоративных сайтов небольшой, поэтому прошу жесткую критику. Спасибо за внимание! Ссылка: http://testmaket.tk/test/glacertravel/

Основные навыки: HTML5 + CSS3Нарезка всех картинок в один спрайт, уменьшение нагрузки на серверJavaScript любой сложности, фреймворк jQueryАдаптивная, резиновая, фиксированная версткаЧистый, рукописный кодБраузеры: IE8+, FF16+, Opera10.5+, ChromeПо пиксельная версткаВерстка по идеологии BEMСоблюдение сроковпортфолио на фрилансе

Здравствуйте! У меня есть статических сайт по адресу: http://yarkaic.github.io/index.html. Может кто-нибудь сможет оценить мою вёрстку с точки зрения семантики, адаптивности и вообще удобочитаемости кода. Также был бы благодарен, если бы кто-нибудь объяснил бы почему сайт ломается на мобильных устройствах. Спасибо за внимание.

Доброго времени суток, возникли трудности с верстко

Оцените вёрстку и укажите на ошибки в коде. Хоть она и проста по виду, но хочется знать где имеются ошибки. Вот вёрстка. Спасибо!

Оцените верстку и написание кода. Возможно имеются ошибки, покритикуйте. Основной задачей для меня являлось, сделать как можно точно по PSD макету. Нужно было расширение фона блоков по ширине на 100% экрана, а контент в них по центру. Валидацию прошел.По кроссбраузерности, вроде все нормально, только в IE 8 не поддерживается background: cover; и фоновая заставка второго блока не расширяется. Пока ищу варианты для IE8.Вот ссылка на страницу.

Всем привет, моя первая верстка из PSD шаблона, http://swift.url.ph/ просьба оценить верстку) критика приветствуется очень

Лендинги сейчас набирают популярность. Также набирает популярность и грамотная верстка. И в связи с этим у меня вопрос - как совместить эти две вещи? Типовая верстка подразумевает примерно вот такой код: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><header> ...</header><main role="content"> ...</main><footer> ...</footer></body></html>Однако, у лендингов нет ни "хедеров", ни "футеров", ни мейн-контента. То есть я бы верстал так: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="style.css"></head><body><section> ...</section><section> ...</section> ................................<section> ...</section></body></html>Вопрос стоит, как в правильности верстки, так и в семантике. Стоит ли задумываться о правильной семантике в лендинге? Ведь это всего одна страница, которая, если и всплывет, то вскоре утонет. А раскручивать ее только контекстной рекламой можно. Стоит ли придерживаться традиций и верстать первым вариантом или не париться и делать как во втором варианте? И стоит ли задумывать о семантике?

Здравствуйте, оцените пожалуйста верстку код моя работа сам шаблон Я долго мучился с меню на шапке. Не мог сначала сделать зеленую полоску поверх темной, потом не мог убрать расстояние между кнопками меню и сделал таким образом. Как такое можно сделать проще. Спасибо

Добрый день, имеется следующая проблема. Делаю верстку сайта, скачал уже готовый слайдер из интернета. Прописал путь до скриптов, картинок которые к нему прилагались. Все работает, и меняется. Проблема возникаем после того, как создаю новый <div "class=.......";> </div>. Настраиваю его размеры в css файле, он отображается, но слайдер больше не отображается. Нужна помощь в том, как сделать верстку после слайдера. Это код копируется в тэг <head> Верстка делается на HTML5 <style>body {margin: 0;padding: 0;}a {color: #09f;}a:hover {text-decoration: none;}#back_to_camera {clear: both;display: block;height: 80px;line-height: 40px;padding: 20px;}.fluid_container {margin: 0 auto;max-width: 1000px;width: 90%;}</style> <script type='text/javascript' src='scripts/jquery.min.js'></script> <script type='text/javascript' src='scripts/jquery.mobile.customized.min.js'></script> <script type='text/javascript' src='scripts/jquery.easing.1.3.js'></script> <script type='text/javascript' src='scripts/camera.min.js'></script> <script>jQuery(function(){jQuery('#camera_wrap_1').camera({thumbnails: true});jQuery('#camera_wrap_2').camera({height: '400px',loader: 'bar',pagination: false,thumbnails: true});});</script>Этот код слайдера копируется непосредственно в структуру сайта: <div class="fluid_container"> <div class="camera_wrap camera_azure_skin" id="camera_wrap_1"> <div data-thumb="images/slides/thumbs/bridge.jpg" data-src="images/slides/bridge.jpg"> <div class="camera_caption fadeFromBottom"> Camera is a responsive/adaptive slideshow. <em>Try to resize the browser window</em> </div> </div> <div data-thumb="images/slides/thumbs/leaf.jpg" data-src="images/slides/leaf.jpg"> <div class="camera_caption fadeFromBottom"> It uses a light version of jQuery mobile, <em>navigate the slides by swiping with your fingers</em> </div> </div> <div data-thumb="images/slides/thumbs/road.jpg" data-src="images/slides/road.jpg"> <div class="camera_caption fadeFromBottom"> <em>It's completely free</em> (even if a donation is appreciated) </div> </div> <div data-thumb="images/slides/thumbs/sea.jpg" data-src="images/slides/sea.jpg"> <div class="camera_caption fadeFromBottom"> Camera slideshow provides many options <em>to customize your project</em> as more as possible </div> </div> <div data-thumb="images/slides/thumbs/shelter.jpg" data-src="images/slides/shelter.jpg"> <div class="camera_caption fadeFromBottom"> It supports captions, HTML elements and videos and <em>it's validated in HTML5</em> </div> </div> <div data-thumb="images/slides/thumbs/tree.jpg" data-src="images/slides/tree.jpg"> <div class="camera_caption fadeFromBottom"> Different color skins and layouts available, <em>fullscreen ready too</em> </div> </div> </div><!-- #camera_wrap_1 --> </div><!-- .fluid_container -->Мне нужно знать что писать после кода слайдера, чтобы создать новый блок. Какая стоимость вопроса ?