Search the Community

Как можно поднять фиолетовый блок (находится в MAIN) вверх , чтобы он заполнил верхнюю прозрачную часть заднего плана HEADER-а? Свое образный переход будет...

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

IT - Avenue – курсы программирования в аудиториях и онлайн. Реальный выпускной проект и подготовка к трудоустройству! Avenue – современный центр подготовки IT-специалистов. Наши курсы – настоящая пошаговая инструкция о том, как стать крутым IT-специалистом и зарабатывать в $! Направления: Программирование (Java, PHP, Python, Scala, C++, C#, Javascript) Веб-разработка Разработка игр на Unreal Engine Мобильная разработка: Android, iOS (Swift) Робототехника Blockchain Дизайн: графический и Web-дизайн Тестирование: Тестирование ПО и Автоматизированное тестирование Разработка сайтов: интернет-магазины, CMS Wordpress, HTML+CSS Маркетинг: SMM, Интернет-маркетинг, контекстная реклама IT и администрирование: проектный менеджмент, IT –рекрутинг Excel (Продвинутый уровень – работа с формулами) Почему именно IT Школа Avenue? Обучение на практике. Независимо от курса, мы обучаем студентов ТОЛЬКО на практике! Искренне верим в догму практического применения знаний и предпочитаем «закреплять на практике» все приобретённые навыки. Преподаватели – реальные айти-шники, маркетологи и менеджеры. Первое правило эффективного обучения – компетентный специалист. Мы не сотрудничаем с преподавателями ВУЗ-ов и со специалистами, чей суммарный опыт работы в IT менее 5-ти лет. Главная цель IT Avenue – подготовка квалифицированных кадров для IT-компаний, которые готовы к решению рабочих задач сразу после выпускного. Обучение «с нуля» Учебная программа (независимо от курса) рассчитана на новичков, которые хотят освоить профессию «с нуля». Совершенно не стоит переживать за уровень своих начальных знаний. Даже если вы никогда не открывали среду разработки – наши преподаватели помогут вам разобраться во всех тонкостях новой IT-профессии. Единственное обязательное условие – желание обучится чему-то новому! Онлайн сертификат и помощь в трудоустройстве. Абсолютно все студенты получают на руки сертификат фирменного образца и его онлайн-копию, которую можно прикрепить к своему резюме. После окончания курса каждый студент получит уникальную возможность пройти 2-х часовой Интенсив по трудоустройству, на котором опытный рекрутер расскажет об ошибках на первом собеседовании; о том, что такое Качественное резюме и об общих правилах собеседования в IT-компании. Реальный финальный проект Каждый курс предполагает создание Финального Проекта. Финальный проект – это программа, написанная на одном из языков программирования, созданный студентом сайт, дизайн интерфейса или маркетинговая стратегия продвижения. На последнем занятии студенты вместе с преподавателем регистрируются на сервисах создания онлайн-портфолио и размещают туда свой первый учебный проект, который будет свидетельствовать о профессиональной компетентности студента. С нами не будет легко Да, мы можем использовать маркетинговый ход и написать «Стать программистом за пару недель? Легко, вместе с нами!», но мы хотим быть честными со своими студентами! Стать программистом трудно, но возможно! Вам придется: много учится, добросовестно выполнять домашние задания и повторно обрабатывать материал дома. Следуя всем нашим инструкциям и заданиям, вы будете готовы к реальному трудоустройству на 100%! Формат и условия обучения: занятие 2 раза в неделю по 2 часа в вечернее время: с 19:30 до 21:30 (дни занятий определяет группа) возможны разные варианты оплаты: «Оплата одним платежом» и «Оплата частями» возможность использовать учебный ноутбук кофе-бар для студентов IT Avenue Контакты: наш телефон: 8 917 552 03 33 наш сайт: it.avenue-pro.ru

Всем привет! Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен.. Не подскажите, как это исправить? Код и скриншоты прилагаю. <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3</a></li> <li><a href="about.asp" id="fourth">О4</a></li> </ul> </div> </body> body { background-image: url("https://sun1-20.userapi.com/c830108/v830108125/1c35a9/gYiNRO0w7sw.jpg"); background-size: cover; } .topnav { margin: 0 auto; } ul { list-style-type: none; position: absolute; margin: 0 auto; margin-top:23.5%; padding: 0 ; overflow: hidden; height: 83px; width: 100%; } li { float: left; display: inline; } li a { display: block; text-align: center; padding: 24px 34px; }

Здравствуйте, у меня такая проблема. Я хотел сделать скролируемое меню с ссылками на ресурс. Написал команду, и т.д. Выучил только теги html, к CSS (или как там) даже не прикасался. Так как сделать скролируемое меню с ссылками, если это вообще возможно. Объясните пожалуйста.

Здравствуйте, около месяца назад я увлекся веб-разработкой и свой путь я решил начать с изучения верстки, в дальнейшем планирую развиваться, как fron-end разработчик. Хотелось бы получить конструктивную критику по верстке статичного макета. Какие главные ошибки? Что можно улучшить? Переходить ли к верстке адаптивных сайтов или стоит попрактиковаться ещё на статичных? http://oblomov95.github.io/ Спасибо.

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

Ребят в каком редакторе разрабатывать, я на codeacademy только делала всякие штуки. Сейчас просто не получается ничего, я только фотошп немного знаю и все. Хочу развиваться в этом направлении ! Дело в том что учился в шаражке 4 года и в универе 2 года - отчислили. Все на айтишника ! Ничему не научили!!!! Помогите плиззз Т_Т... Мне надо всего лишь компилятор нужный найти и тд .... и книжки дальше я сам !

Недавно установил CMS WordPress на свой сайт (я новичок) ,и вот хочу чтобы мне помогли подключить все существующие страницы (их не много где-то 30) к cms с целью оптимизировать сайт под cms ну и сменить дизайн . HELP!!!!

Всем доброго дня, Хочу представить на ваш строгий суд свой первый сверстанный макет. Хотелось бы получить от вас критику и советы, что можно улучшить. Взял макет из представленных здесь на форуме. Макет изначально фикс, но я решил усложнить себе задачу и сделать его резиновым. Левая колонка фиксирована, а центральная и правая растягиваются. Высота колонок одинаковая вне зависимости от контента внутри. Проверил в Хроме, ФФ и Опере. Когда начал проверять в ИЭ, все развалилось. Потратил целый день на гугл и узнал про хаки и всякое такое. В результате в ИЭ 9+ отображается нормально, только при больших разрешениях получается слишком большой отступ от правой колонки. Как это исправить так и не разобрался. В остальных браузерах такого нет. Проверил код на валидность. В HTML ошибки только в форме поиска, потому что я поставил пустые значения в action, а также я поставил тег <H1> на первую статью (в макете у нее заголовок больше чем у всех остальных статей). CSS изначально был валидным, но после хаков, есть 4 ошибки. Ну и собственно ссылка: http://1001.su/sample1/index.html Критика приветствуется. Также приветствуются дельные советы, поскольку я очень хочу расти в этом направлении. Заранее всем спасибо!

Всем привет! Имеется одна до безобразия простейшая веб-страница (http://www.cssdesk.com/FzRm2), созданная в процессе изучения азов HTML и CSS. Вопрос таков: что в HTML-коде и таблице стилей данной вёрстки можно было бы сделать грамотнее/иначе/правильнее/лучше? За банальный пример простите уж, да больно хотелось спросить... Спасибо!

Всем доброго дня. Проблема следующая: Есть пункт в меню (и соответственно раздел на сайте) - портфолио, которое имеет в себе подпункты "1" "2" "3" "4". На странице решил сделать сортировку. Т.е. можно отобразить все работы, либо работы одного из разделов. Поскольку каждый из этих разделов отображен в выпадающем меню, хотела бы узнать, как сделать переход на каждый из вариантов сортировки. Как выглядит сортитовка: http://tympanus.net/Tutorials/CSS3FilterFunctionality/index3.html В коде это сделано так: <section class="ff-container" style="padding-top: 200px;"> <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="checked" /> <label for="select-type-all" class="ff-label-type-all">All</label> <input id="select-type-1" name="radio-set-1" type="radio" class="ff-selector-type-1" /> <label for="select-type-1" class="ff-label-type-1">Web Design</label> <input id="select-type-2" name="radio-set-1" type="radio" class="ff-selector-type-2" /> <label for="select-type-2" class="ff-label-type-2">Illustration</label> <input id="select-type-3" name="radio-set-1" type="radio" class="ff-selector-type-3" /> <label for="select-type-3" class="ff-label-type-3">Icon Design</label> <div class="clr"></div> <ul class="ff-items"> <li class="ff-item-type-2"> <a href="http://dribbble.com/shots/366400-Chameleon"> <span>Chameleon</span> <img src="images/1.jpg" /> </a> </li> <li class="ff-item-type-1"> <a href="http://dribbble.com/shots/272575-Tutorials-wip-"> <span>Tutorials (wip)</span> <img src="images/2.jpg" /> </a> </li> <li class="ff-item-type-2"> <a href="http://dribbble.com/shots/372566-Flower"> <span>Flower</span> <img src="images/3.jpg" /> </a> </li> <li class="ff-item-type-1"> <a href="http://dribbble.com/shots/138484-Symplas-website"> <span>Symplas website</span> <img src="images/4.jpg" /> </a> </li> <li class="ff-item-type-3"> <a href="http://dribbble.com/shots/134868-TRON-Mobile-ver-"> <span>TRON: Mobile version</span> <img src="images/5.jpg" /> </a> </li> <li class="ff-item-type-2"> <a href="http://dribbble.com/shots/347197-Cake"> <span>Cake</span> <img src="images/6.jpg" /> </a> </li> <li class="ff-item-type-1"> <a href="http://dribbble.com/shots/186199-Tailoring-accessories"> <span>Tailoring accessories</span> <img src="images/7.jpg" /> </a> </li> <li class="ff-item-type-3"> <a href="http://dribbble.com/shots/133859-App-icon"> <span>App icon</span> <img src="images/8.jpg" /> </a> </li> <li class="ff-item-type-1"> <a href="http://dribbble.com/shots/188524-Event-Planning"> <span>Event Planning</span> <img src="images/9.jpg" /> </a> </li> </ul> </section>Пробовала сделать через якоря, ничего не получается, прошу, профы, помогите с задачей(

Всем привет! Отдаю на ваш суд свою первую верстку, косячную до безобразия, как мне кажется. Но тем не менее очень хотелось бы услышать комментарии профессионалов. Заранее спасибо за то что потратите свое время!!! Моя верстка

Приветствую, уважаемые форумчане. Стандартная, в общем-то, ситуация. Начал изучать html и css, сверстал свой первый макет. Очень хотелось бы услышать вашу критику. http://stx.tioo.ru/ Спасибо за ваше внимание и время.

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

Привет! Недавно начал учиться вёрстке, нужна помощь. Так, как только начал это дело, начну с самого начала. Оцените и укажите на ошибки, которые присутствуют, пожалуйста. Собственно сам код: http://jsfiddle.net/FZetU/1/

Здравствуйте, прошу покритиковать мою вёрстку. Html5 пока не трогаю. Id применяю. http://testx.96.lt/index2.html

Всем доброго времени суток!Решил обратиться на этот форум к опытным людям за советами ну и возможно для получения ответов на свои вопросы(если не трудно ответьте буду очень признателен) 1.Хотел начать изучать html,но узнал о выходе html 5 как вы думаете какой из них сразу можно учить? 2.знаю что бы стать хорошим веб разработчиком нужно приложить немало усилий,именно поэтому что бы ещё больше не осложнять своё положение (так как я новичок) подскажите в каком порядке и каким способом следует изучать все тонкости типа php,css,html,Java,ajax и т п! Заранее спасибо за вашу помощь )

Добрый день!Недавно начал изучать HTML и CSS, решил пойти по нестандартному пути, вместо лёгких верстаний кнопочек, текста и таблиц, сразу взялся за макет. Хочется услышать замечания и критику. Что выполнено не правильно? Как лучше сделать? В общем хочу учиться на ошибках, пинки только приветствуются. Прошу заметить учу где то с неделю, так что сильно не ругайте... Вот сайт : http://googledrive.com/host/0B8I42swDefEuUTFGdm11MWJ2d0k/

Добрый вечер! Есть главный блок main - в нем 2 блока - content и sidebar Как сделать так чтобы любой из них выравнивался по высоте большего блока? Т.е. если в content получается больше информации и он стал больше сайдбара,то сайдбар подтягивается к нему по высоте и наоборот? Вот макет по которому делаю: http://cs413616.vk.me/v413616149/5558/j9grtCN4nEQ.jpg Вот мой макет http://cssdeck.com/labs/doi6kbsh

Подскажите новичку - почему верстка разваливается при уменьшии/приближении страницы? Тут небольшой кусок кода который как раз и разваливается.Почему это происходит? http://cssdeck.com/labs/gp3kwbe1

День добрый! Не получается применить спрайт шириной 2px и высотой 300px для левого и правого блока (спрайт состоит из 2 полос по 1ому пикселю разных цветов). Подскажите ошибку. http://jsfiddle.net/yB7SK/

http://cssdesk.com/FyH8f Господа,почему при наведении на крестик (класс .close-button) не появляется класс .close-message ? Вроде все верно написал...

http://cssdesk.com/u44mp Как убрать этот пустой промежуток? Как я понял,он возникает из-за круглого div Подскажите пожалуйста как будет правильнее:разбить на 2 блока top(красный с important notice) и bottom(все что ниже блока top) или в главном блоке разместить top и все остальные элементы не засовывая их в div bottom? Заранее спасибо!

Добрый день!Подскажите как сделать такой градиент странный? Заранее спасибо!Верстать за меня не надо! Делать через linear-gradient и как дальше?