yulshaz@mail.ru

Нет( проблема все ещё есть. Из-за того,что не центрирован текст Бизнес и Эконом, первый столбик мест - растянут. А мне нужно чтобы были квадратами. И зоголовки посередине строки, а не слева.

Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

Спасибо огромное за такое подробное объяснение!!!вы мой спаситель)

Ну там джуна ищут,но суть задания пока мне не очень понятна. Либо все сильно легко,либо я преувеличиваю что от меня хотят. Но задание слово в слово

Компания как раз-таки и престижная,больше,наверно,странное задание...

Верстальщику

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

Добрый день!Подскажите, как сделать такие блоки одинаковой высоты без table,js и флексов?поддержка IE7+ http://prntscr.com/by34uv

Не могу немного понять: здесь 2 блока раздельно для мобайл и декстопа?

суть и заключается в том,чтоб одним целым было, а не раздельно - одно из требований

Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!

Добрый вечер!нашла все,что относится к кнопкам перехода,но вверх,на картинку,они не толкаются. Делала bxsliderом также проблема с текстом. Мне на картинку нужно добавить три <p>.размещаю их li,,идет текст перед слайдером.

Подумала, и решила верстать без него. Подскажите, при помощи чего лучше задать слайдер, чтобы он был адаптивным и как написать столько текста на нем?обычно,сталкивалась только с подписью.второ второй момент - блоки внизу http://prntscr.com/906kr5 я их делаю списком, ставлю display:table-cell. всем задаю фиксированную высоту и ширину.Иконочки сохраняю в png.Иконке и названию блока лучше задать float, или как его лучше сделать? столкнулась с проблемой:когда ховер на блоке, получается вот такое http://prntscr.com/906ml5- вокруг иконки белый цвет. как сделать,чтобы полностью все было серым? Посмотри примеры слайдеров в интернете и сделай, второй вопрос не понял, но знаю одно не умеешь верстать сделай красиво. hover:просто вырежи картинку без белового фона и будет тебе счастье. по поводу слайдера - хочу вставить bxslider - но там кнопки перехода стоят ниже картинок. Для меня возник интересный вопрос:а как разместить эти кнопки на изображении,как,например,в том же слайдере бутстрапа?Второй вопрос,который вы не поняли: пять широких блоков,которые в скрине выше,лучше сделать горизонтальным списком li, внутри изображение и спаном?короче <li> <а> <img> <span> </span> </a> </li> Есть множество решений которые приводят к одному и тому же результату, и ваше решение я бы не назвал не правильным.может,подскажете,как лучше сделать эти блоки?

Подумала, и решила верстать без него. Подскажите, при помощи чего лучше задать слайдер, чтобы он был адаптивным и как написать столько текста на нем?обычно,сталкивалась только с подписью.второ второй момент - блоки внизу http://prntscr.com/906kr5 я их делаю списком, ставлю display:table-cell. всем задаю фиксированную высоту и ширину.Иконочки сохраняю в png.Иконке и названию блока лучше задать float, или как его лучше сделать? столкнулась с проблемой:когда ховер на блоке, получается вот такое http://prntscr.com/906ml5- вокруг иконки белый цвет. как сделать,чтобы полностью все было серым? Посмотри примеры слайдеров в интернете и сделай, второй вопрос не понял, но знаю одно не умеешь верстать сделай красиво. hover:просто вырежи картинку без белового фона и будет тебе счастье. по поводу слайдера - хочу вставить bxslider - но там кнопки перехода стоят ниже картинок. Для меня возник интересный вопрос:а как разместить эти кнопки на изображении,как,например,в том же слайдере бутстрапа?Второй вопрос,который вы не поняли: пять широких блоков,которые в скрине выше,лучше сделать горизонтальным списком li, внутри изображение и спаном?короче <li> <а> <img> <span> </span> </a> </li>

А на картинку кнопки перехода как поставить?

Подскажите еще,пожалуйста, в BXslider кнопки перехода стоят ниже картинок. как сделать так,чтобы кнопочки перехода были непосредственно на картинке,как на макете?http://prntscr.com/90823a и как переопределить стили, сделать,не круглые, а квадратные?это лезть в их файлик jquery.bxslider.css и все переписывать, или в своем переопределить?

спасибо,все поняла,буду пробовать!

а как добавить все надписи?

Подумала, и решила верстать без него. Подскажите, при помощи чего лучше задать слайдер, чтобы он был адаптивным и как написать столько текста на нем?обычно,сталкивалась только с подписью. второ второй момент - блоки внизу http://prntscr.com/906kr5 я их делаю списком, ставлю display:table-cell. всем задаю фиксированную высоту и ширину.Иконочки сохраняю в png.Иконке и названию блока лучше задать float, или как его лучше сделать? столкнулась с проблемой:когда ховер на блоке, получается вот такое http://prntscr.com/906ml5- вокруг иконки белый цвет. как сделать,чтобы полностью все было серым?

Добрый вечер,форумчане! Подскажите,при помощи чего лучше подключить данный слайдер?и как добавить на него столько текста?подключить бутстрап, просьба - не предлагать!Заранее спасибо! http://prntscr.com/906imc

не могу сверстать данный легкий макет на бутстрап. Без бутстрапа проблем нет)но нужно сделать именно на бутстрапе. https://cloud.mail.ru/public/73vN/u1qPSAdPU вроде бы все понятно. но из-за стандартных паддингов и прочих фичек ничего не выходит, и не понимаю,правильно ли я вообще начинаю делать+ всякие тени и прочее, ничего не понимаю.Помогите пожалуйста, если можно, то подробно разъяснить макет. Спасибо! <div class="container"> <div class="row header"> <div class="col-lg-4"> <img src="img/logo.png" alt="Лого"> </div> <div class="col-lg-3 col-lg-offset-5"> <div class="right-inner-addon"> <i class="icon-search"></i> <input type="search" class="form-control" placeholder="Search" /> </div> </div> </div> <nav> <ul class="nav nav-justified"> <li class="active"><a href="#">О компании</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Объекты</a></li> <li><a href="#">Закупки</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul> </nav> <div class="slider"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> <li data-target="#carousel-example-generic" data-slide-to="3"></li> <li data-target="#carousel-example-generic" data-slide-to="4"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="img/slider_background.jpg" alt="Картинка 1"> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/slider_background.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/slider_background.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/slider_background.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> <div class="item"> <img src="img/slider_background.jpg" alt="..."> <div class="carousel-caption"> ... </div> </div> </div> </div> </div> <div class="row"> <ul class="lg-tabs"> <li class="active"> <img src="img/build.png" alt=""> <h4>Услуги проектирования</h4> </li> <li> <a href="#ready" data-toggle="tab"> <i class="fa fa-plane"></i> <h5>Услуги проектирования</h5> </a> </li> <li> <a href="#code" data-toggle="tab"> <h5>Услуги проектирования</h5> </a> </li> <li> <a href="#premiumPlugins" data-toggle="tab"> <h5>Услуги проектирования</h5> </a> </li> <li> <a href="#ready" data-toggle="tab"> <i class="fa fa-plane"></i> <h5>Услуги проектирования</h5> </a> </li> </ul> </div> </div>.container { width: 1012px; padding: 0;}/*nav begin*/nav { border-top: 1px solid #dbddde;}.nav > li > a { color: #3c4148; font-weight: bold;}.nav > li > a:hover { text-decoration: none; background-color: #f29700; color: white;}.nav > li > a:focus { background-color: #3c4148; color: white;}/*end nav*//*slider begin*/.carousel-indicators li { border-radius: 0; background-color: none;}.carousel-indicators li:hover { color: #dbddde;}.carousel-indicators .active { background-color: #f29700; border: none;}/*не знаю, можно ли так делать*/.carousel-indicators li:not(.active):hover { background-color: #857b6e;}/*slider end*//*service begin*/.lg-tabs { margin: auto; padding: 0; list-style: none;}.lg-tabs li { background: white; position: relative; min-height: 1px; float: left;}.lg-tabs img { float: left; margin: 0 24px 0 0;}li { font-family: MyCustomFont, Verdana, Arial, sans-serif;}/*service end*/@media (min-width: 768px) { .lg-tabs li { width: 20%; padding: 25px 15px; margin-right: -2px; }}

Спасибо!)))

Спасибо большое!Я все поняла. Можно еще маленький вопросик?Вот в требованиях указано, на экранах с шириной разрешения 1280px и более рабочая область страницы имеет фиксированную ширину, по горизонтали выравнивается по центру экрана. Ширина контейнера бутстрапа 1170 px, а ширина моего слайдера - 1011px. мне просто уменьшить ширину контейнера до 1011 px и отцентрировать?

http://prntscr.com/8wk1uy - вот ссылка на макет,как я разметила

А с чем есть проблемы? Документация бутстрап такая огромная, что без проблем можно найти все что угодно и на официальном сайте тоже. Проблемы только с разметкой данного макета, с элементами типо search-panel,nav-bar и slider проблем нет. Посмотрите, я правильно сделала? http://prntscr.com/8wk1uy И как быть с футером?По объяснению wwt,я как понимаю, что там будет container,в нем row, и в нем 5 col?Сбивает меня эти стандартные 12 колонок в спецификации((( и почему разметка в 12 колонок начинаются не с начала макета, а с логотипа?