IvanRu08

@angangell, Спасибо, уже разобрался) Вечером вообще голова не варила

Проблема решена. Решил обойтись без float.

Для aside прописал: aside:after { content: ' '; display: block; clear: both;}Вроде это должно спасти, но нет

Всем привет. Столкнулся с проблемой. Есть главный контейнер .main-content, в который вложены все остальные. Почему то родительский контейнер не учитывает высоту дочерних. В чем может быть проблема? Вот сайт: http://cm04741.tmweb.ru/index.html Заранее спасибо за ответ!

Спасибо! Мне нужно, чтобы каждый номер выводился на отдельной строке. Если все в одном укажу, то и вывод будет в одну строку.

А можно этот код модифицировать, чтобы выводить вместо города второй телефон?

Всем спасибо за ответы! Цель достигнута!=)

Есть список, состоящий из 9 городов, при выборе города должен отображаться соответствующий телефонный номер. Вот код select: <select> <option value="0">Россия</option> <option value="1">Краснодар</option> <option value="2">Екатеринбург</option> <option value="3">Москва</option> <option value="4">Новосибирск</option> <option value="5">Самара</option> <option value="6">Ростов-на-Дону</option> <option value="7">Нижний Новгород</option> <option value="8">Ярославль</option> <option value="9">Уфа</option> <option value="10">Тверь</option></select>Вот, что удалось "сделать с jQuery": jQuery(document).ready(function() { var selectVar = $(".your-country option:selected").val(); if (selectVar == 0) { };});То есть если выбрали, например Уфа, то отобразить в отдельном div телефон для Уфы и так далее. Заранее благодарен за помощь

Нет здесь лишнего дива, контейнер имеет совершенно другую ширину и центрируется, соответственно по другому. По верстке: Средняя часть не тянется вместе с контентом. Это не гуд. Вот здесь уберите высоту: .content { float: left; padding: 0; margin: 0 auto; width: 1200px; height: 344px; background: url(images8/highlight.png) no-repeat;} При масштабировании составляющие сайта "гуляют" сами по себе. Не понятно, зачем для всего было прописано float:left. Имитируете таблицу?

Для начала я бы перенес все стили в отдельный файл. Для второго diva нужно прописать margin: 0 auto, что бы он был по центру родительского.

И не только в лисе. В хроме аналогичная ситуация

У вас блок с инфо позиционируется абсолютно, то есть как бы выпадает из потока.

Спасибо, все заработало. Там, у меня еще дальше анимация будет да к тому же jQuery используется не только для этого. Можете кратко объяснить, почему мой код не работал? Логично же вроде все

Всем привет. Пытаюсь изменить св-во элемента через jQuery, вот код скрипта: jQuery(document).ready(function() { //Показываем иконку поиска при нажатии $('.searchfield').click(function() { $('.search-bg').css('background-position', '-25px 0px') }); $('body').click(function() { $('.search-bg').css('background-position', '0px 0px') });}); Нужно чтобы при нажатии на само поле иконка смещалась, а при нажатии на другое место возвращалась на место. Если убрать обработчик клика с body, то все работает. Вот свойства .search-bg .search-bg{ position: absolute; top: 13px; right: 12px; width: 25px; height: 25px; background: url(images/search-icon.png) no-repeat;}

Это к чему вообще сказано было?

Я им пользовался, но не нашел там ни Roboto Bold, ни Roboto Italic

Не нашел на этом сайте нужных мне шрифтов...

Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форматом eot. Подскажите, в чем дело? Пробовал генерировать с помощью сервиса fontsquirrel.com, но он похоже удаляется из шрифтов русские буквы. Заранее спасибо

@Nordwing, Проверяли, что будет если добавить к заголовку больше текста? Он просто обрезается, не хорошо это

Да, упустил это из виду

Спасибо, попробую. На бутстрапе не верстаю.

Спасибо. Есть способ не оборачивать в 2 дополнительных дива?

@amelice, А как сделать, чтобы класс active добавлялся еще к одному элементу? Я создал .overlay и прописал ему следующее: .overlay { z-index: 50; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */ position: fixed; /* всегдa перекрывaет весь сaйт */ background-color: #000; /* чернaя */ opacity: 0.8; /* нo немнoгo прoзрaчнa */ width: 100%; height: 100%; /* рaзмерoм вo весь экрaн */ top: 0; left: 0; /* сверху и слевa 0, oбязaтельные свoйствa! */ cursor: pointer; display: none; /* в oбычнoм сoстoянии её нет) */} Как мне еще и к этом классу добавить active? Пробовал вот так, не работает: $(function(){ var button = $('.popup-click'), popup = $('.popup'), overlay = $('.overlay'); button.click( function(e){ e.preventDefault(); if (popup.hasClass('active')) return; popup.addClass('active'); }); button.click( function(e){ e.preventDefault(); if (overlay.hasClass('active')) return; overlay.addClass('active'); }); $('body').click( function(e) { if (!$(e.target).hasClass('popup-click') && !$(e.target).closest(".popup").length && popup.is(':visible')) { popup.removeClass('active'); } if (!$(e.target).hasClass('popup-click') && !$(e.target).closest(".overlay").length && overlay.is(':visible')) { overlay.removeClass('active'); } });});

@ishurgaya, для класса top-art пропишите и удалите класс bottom-art .top-part { display:inline-block; width:150px;}