Поиск по сайту
Результаты поиска по тегам 'header'.
Найдено 13 результатов
-
Всем привет. Прошу помощи: Имеется вот такое меню: <div class="collapse navbar-collapse navbar-right navbar-main-collapse"> <ul class="nav navbar-nav"> <img src="img/callbacklogo.png" alt="Консультация" width="275" height="50" /> <li class="active"><a href="#intro">Главная</a></li> <li><a href="#service">Физлицам</a></li> <li><a href="#doctor">Юрлицам</a></li> <li><a href="#pricing">Стоимость услуг</a></li> <li><a href="#pricing">Контакты</a></li> - но почему-то первая картинка оказывается последней в списке меню. Как перенести её вперёд? P.S. Прошу камнями сильно не кидаться, я новичок. Если нужно что-то из CSS тоже - скину (просто пока точно не знаю, где именно нужный элемент). Спасибо. UPDATE Всё, я неожиданно сам для себя разобрался только что)
-
Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна
-
Доброго времени суток! Столкнулся сегодня с проблемой, которую не замечал пару дней, пока не уменьшил окно браузера слишком сильно. Фон элемента header (не изображение) должен занимать высоту 150px и ширину 100%. Но, в случае сильного уменьшения окна браузера, фон достигает только правой границы браузера и, если прокрутить страницу вправо, то правая граница фона остается на прежнем месте. Как это исправить? @charset "utf-8"; body { background-image: url(/assets/background.jpg); } a { text-decoration: none; } header { height: 150px; width: 100%; background-color: rgba(0, 0, 0, 0.8); } .content { width: 1280px; margin: 0 auto; } .logo { position: absolute; width: 140px; height: 140px; margin-top: 4px; margin-left: 4px; background: #285ef8; border: 1px solid #000000; line-height: 150px; text-align: center; font-size: 30px; border-radius: 150px; float: left; } .logo a { color: white; } .navigation { float: right; margin-top: 45px; } .menu { } .menu li { display: inline-block; padding: 20px; font-size: 22px; } Добавил скриншоты. Пришлось снизить качество.
-
Дизайнер нарисовал так: Т.е. на фон хедера разместил изображение. И на нём же нужно разместить информацию не из хедера. Если это сверстать это будет выглядеть вот так: Что можно сделать, чтобы выглядело как на макете? http://design.zevs-online.ru/600/
-
Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
-
Для сводных отчетов нужно, чтобы несколько колонок слева и заголовок оставались на месте, а данные прокручивались. Находил много решений, но они использовали библиотеки типа jQuery или были сложны в реализации (не учитывалось объединение ячеек) Мне хотелось сделать что-то универсальное и простое. Вроде получилось Области фиксируются вызовом функции FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>) Успешно работает в IE10, новой Опере, Мозилле, Хроме. Демо https://jsfiddle.net/axeqojwu/1/embedded/result/ Исходники с комментариями http://jsfiddle.net/axeqojwu/1/ З.Ы. Функция setSum в реальных проектах не нужна, она заполняет пустые ячейки случайными числами
-
Собственно такой вопрос, вот сайт: http://aquakop.ru/ , в header изображение и на нём номера телефонов, надо сделать так, чтобы номера телефонов были текстом,а не картинкой. (с изображения могу стереть номера, есть исходники) Вот style: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2015/02/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; min-width: 940px; height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }Вот код: <div class="header-bg"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> </div>Знаю фигня, но помогите пожалуйста...
-
Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> <img src="wp-content/uploads/2015/01/header-top4.jpg" width="1250" height="597"> </div>А вот сам сайт: http://aquakop.ru (повторюсь,проблема видна только в мобильной версии) Буду очень признателен в помощи...
-
доброго времени суток, WP начал осваивать недавно, возникла одна проблема - не могу убрать шапку для главной страницы с страниц более низкого ранга. в настройках темы и в плагинах найти решение проблемы очень непросто, помогите пожалуйста с кодом, имею очень слабое представление о том, что именно надо править. спасибо! скрины прилагаю.
-
Здравствуйте! Начал врстку самостоятельно, уже без учебников, но сразу же столкнулся с проблемами. Расползлась вся моя вёрстка в firefox, в других браузерах вроде нормально. Пожалуйста, кому не лень, посмотрите. Файлы на месте. Дальше прошу не подсказывать, хочу сам справляться и за советом(как сейчас) обращаться только в крайнем случае. Если можно, ещё укажите на ошибки. С уважением, Морозов Юрий.
-
Привет всем! У меня очередная проблема. Сразу хочу сказать, что я не профи, но в html и css разбираюсь. Однако суть в следующем. Мне нужно создать макет, как показано на картинке. Но у меня выходит просто какая-то ерунда. Эту ерунду можно посмотреть по этой ссылке http://testshop.mcdir.ru/. Не могу понять, что я делаю не так. Header уменя весь расползается. Помогите решить эту задачу. Вполне возможно (а я почему-то в этом уверен), что проблема с позиционированием. Исходный код прилагаю. index.html: <!DOCTYPE html><html><head><title>interior</title><link href="style.css" rel="stylesheet" /><meta charset="utf-8" /></head><body><header><img src="images/slide1.jpg" width="1920" height="515" /><div class="length"><div class="logo"><h1>Interior</h1><h2>A wide<br /> selection<br /> of fine<br /> furniture!</h2></div><!--<nav><ul><li><a href="#">Home</a></li><li><a href="#">About</a></li><ul><li><a href="#">Living rooms</a></li><li><a href="#">Bedrooms</a></li><ul><li><a href="#">Loremipsum</a></li><li><a href="#">Dolorsed</a></li><li><a href="#">Aditorias</a></li></ul><li><a href="#">Kitchens</a></li></ul><li><a href="#">Blog</a></li><li><a href="#">Gallery</a></li><li><a href="#">Contacts</a></li></ul></nav>--></div></header></body></html>css: * {margin: 0;padding: 0;}body {width: 1920px;}p {font: italic 13px "Droid Serif";color: #737373;}a {font: italic 13px "Droid Serif";color: #ff4343;text-decoration: none;}h1 {font: bold 18px "Lato Black";color: #000;}/*header*/header {width: 100%;margin: 0;}header .length {width: 100%;height: 75px;background: #000;opacity: .5;position: relative;}header .length .logo {position: absolute;top: 0;left: 0;}header .length .logo h1 {font: normal 30px "Lato Black";color: #fff;text-transform: uppercase;position: absolute;top: 28px;left: 489px;}header .length .logo h2 {font: normal 48px "Lato Black";color: #fff;line-height: .95;text-transform: uppercase;position: absolute;top: 270px;left: 489px;}/*end header*/Заранее всем огромное спасибо!
-
Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место. -
Всем привет, прошу помочь грамотным советом. Верстаю сайт, в котором шапка = 100% а сам контент уже 980рх. В шапке над зоной контента дизайном предусмотрено вот такой фон: который я конечно вставил и отцентрировал, но вот как сделать так чтобы и влево он тянулся максимально далеко и вправо не могу придумать из-за разной высоты сторон. Раньше не верстал, только натягивал на систему шаблоны, но вот решил познать истину и ищу нормальное решение. Пока все что придумал - сделать картинку шириной >2000рх, но перфекционизм очень страдает от такого костыля.
