HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Перечесление селекторов в css
Добрый вечер. Мне нужно для разных id задать одинаковые пересекающиеся свойства. Как это реализовать, через запятую перечисляются стандартные селекторы наподобие {body, hr, h1 и.т.д}, но для id и class это неприменимо.
0 votes1 answer -
На мобильных проблема с бекграундом
Добрый вечер, друзья! Подскажите в чем проблема. Не могу понять. Почему фон так режется ? http://i.imgur.com/HxRUb3H.pngВот сама верстка http://root1.donkos.esy.es/ . Заранее искренне благодарю!
0 votes4 answers -
Градиент в Хроме
Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?
0 votes11 answers -
мультиязычность - типа опроса
всем привет! очень хочется узнать, кто как оформляет переключение языков на своих сайтах. было бы круто, если бы сюда написал свой вариант каждый мимо проходящий))) просто хочется узнать, как принято, и что распространено. включая и простые и сложные подходы.
0 votes5 answers -
Заманиловка
Здравствуйте. Имею сайт сервисного центра по ремонту электроники. Хочется что-бы он хотябы сам окупал себя(домменая зона). Что посоветуете разместить на таком сайте? Что бы вы хотели на нем видеть... Заранее спасибо. С уважением Евгений!
0 votes10 answers -
bootstrap container-fluid не на ширину экрана
Добрый день. Столкнулся с такой проблемой - верстаю на bootstrap. Прописываю стиль для container-fluid <div class="container-fluid yellow_bg"></div>.yellow_bg { height: 355px; background: #ffd504;}Однако если по горизонтали мень 958 пикселей начинается такая фигня: (с права начинает вылазить белый блок). Подскажите, как с этим бороться? Вот сам сайт
0 votes1 answer -
Убрать лишние 20px после <form>
Доброго времени суток. Возникла проблема следующего рода, пытаюсь убрать лишние 20px между "шапкой" с названием сайта, формой авторизации и красной полосой навигации по сайту. Т.е. просто нужно прижать форму авторизации вплотную к полосе навигации. Посмотрел подсветку отдельных элементов инструментом разработчика в яндекс.браузере и он отображает мне что на элементе <form> высота в 98px, во всех остальных элементах высота равна 78px. Пример: http://tsw.su/test/registration.php
0 votes4 answers -
Как правильно переделать статичную верстку под адаптивную?
Для гугла и заодно людей с маленькими мобильными надо сделать адаптивную верстку. Почитал, что надо пользоваться media-query, например: @media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2)и так под разные устройства чтоб подгружались свои стили Однако столкнулся с тем, что когда я делал статичный макет - все отступы, линии, шрифты, все прописал в px под экраны от 800px чтобы удобно. Правильно ли я понимаю, что надо теперь все перевести в проценты, чтоб все было относительно? чтобы не копировать целиком css файлы, а потом опять по пиксельно замерять для каждого устройстваЮ а только 1 раз изменить в % , а потом уже менять т…
0 votes1 answer -
Обрезка изображений
Добрый вечер. В блоке изображений, не влезающий кадр должен не переноситься на следующую строку, а обрезаться. Проблему решил, но частично к примеру при установке блоку ширины в 460px второе изображение обрезается, но если я ставлю размер в 660px, то картинка переносится, а не обрезается. Пример: http://jsfiddle.net/x68u40th/ Проблему решил, установив ширину в 100% Но снизу по прежнему видно изображение.
0 votes1 answer -
Навигация по сайту (только html и css)
Добрый день. Сайт состоит из нескольких сотен страниц, все страницы между собой слинкованы, т.е. на каждой странице пронумерованы ссылки друг на друга (что то вроде навигации). Есть только html и css. Сами ссылки оформлены кнопками или картинками. Подскажите пожалуйста как можно выделить активную страничку ("подсветить" кнопку в навигации)? Но так, что бы не редактировать свойства для каждой странички отдельно. Вот например такие 3 странички. Возможно ли выделять активную, не редактируя стили на каждой? Страничка 1.html <!DOCTYPE html><html><head><title>1</title></head><body><p>text...text...text</p><a href="…
0 votes2 answers -
Сортирока списка с помощью CSS
Добрый день, есть такая задача, список из 5 пунктов, у одного из них клас active (не у третьего), можно ли с помощью css сделать что бы он стал посредине. к примеру тут
0 votes6 answers -
Bootstrap 3 адаптивное меню
Здравствуйте. Нужна помощь по адаптивоному меню. При отображении на малых екранах вверху главное меню сворачивается в одну кнопку справа при нажатии на которую разворачивается меню в столбик. Ниже расположено три колонки, нужно чтобы точно также работало меню которое там есть. Прописал стили меню в колонках, но немогу понять где ошибка, так как при уменьшении екрана меню не пропадает, нужно кликнуть на кнопку (вид вертикально три точки) тогда сворачивается и разворачивается. Вот ссылка на пример: http://webaider.com
0 votes0 answers -
Все пропало!
Здравствуйте. На сайте Реком для гостей не отоброжается содержимое главной страницы. Внастройках пользователей смотрел: гостям вход на эту страницу открыт. В чем проблема не знаю... <div style="text-align:right;padding-bottom:3px;">[ <a href="$ADD_ENTRY_LINK$">Добавить новость</a> ]</div><?endif?><ul class="css-menu-2"> <li><a class="selected" href="#">О НАС</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Профилактика</a></li> <li><a href="#">Ремонт</a></li> <li><a href="#">Замена матрицы</a></li></u…
0 votes8 answers -
Как разместить абзац под картинкой?
Слева фотка блюда, справа текст с описанием рецепта под фоткой надо сам рецепт пошаговый. ранее я делал отступы просто br br br... или <p></p><p></p><p></p> сейчас переделываю под адаптивный вариант.. надо как-то это поправить. <p>картинка</p><p>Введение</p><p> </p><p> </p><p> </p><p> </p><p>Рецепт</p>Что прописать, чтобы было такого вида результат: <p>картинка</p><p>Введение</p><p>Рецепт</pКак это делается? пока что только как вариант присвоить первому/последнему абзацу класс и сделать отступ. Но картинки в высоту ра…
0 votes3 answers -
Работа с текстом из фотошоп
Приветствую всех. Давно мучает такой вопрос: почему в шаблоне HTML отображается текст по другому, нежели в макете фотошоп и как сделать его одинаковым? Много раз видел профи шаблоны с идентичными текстами, а у меня такого не получается, хотя использую один шрифт Arial и в Фотошоп и в HTML... Раньше думал, что это связано в расстоянием между строк и между символов в HTML, что легко устраняется задаётся в css, но в профи макетах в css нет никаких правил, связанных с текстом. Мораль, текст не выровнять ни как и это портит вид HTML страницы.
0 votes4 answers -
Отступ от фреймворка youtube
Не раз уже наталкиваюсь, но никак не могу побороть: Размещаю iframe сгенерированный youtube и хочу чтобы отступов от видео не было, однако снизу всё время остается небольшой отступ и убрать его не удается. Пробовал задавать нулевые padding, margin, marginheight, frameboarder и для фрейм и для контейнера (первые два). Пример http://www.cardician.ru/shop/UID_523.html Единственный вариант который удался - задать position:absolute и bottom:0; но нужно задавать высоту контейнера. Такой вариант не подходит, так как размеры видео могут различаться, а контейнер формируется движком, т.е. не различается для двух различных страниц. В общем суть вопроса - как убрать отступ снизу if…
0 votes2 answers -
Вставка видео/аудио на сайт
Требуется сделать подгрузку видео и аудио роликов на сайт. Не с youtube. Какой на сегодняшний день оптимальный вариант сделать это? Чтобы работало в том числе и на iOS. HTML5 насколько я понимаю требует подгрузки нескольких форматов, что не очень желательно.
0 votes1 answer -
Почему не работает @media?
Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?
0 votes20 answers -
Подскажите сервис наложения css3 теней
Приветствую всех! Недавно видел онлайн сервис изготовления градиентов. В последствии всё переводится в css3 код. А мне нужно сделать блок с тенями. Есть ли сервисы,желательно русскоязычные?
0 votes1 answer -
Боеовой блок адсенса наезжает на контент при масштабировании
а вообще не надо, при таком сильном увеличении, как раз этот блок всеравно убираю а если не сильно увеличивать, то нормально все, так что уже вопрос не актуален При увеличении масштаба, левый сайдбар гугла наезжает на контент html <div id="wrapper"><div id="content">контент</div><div id="left">адсенс</div></div>css #left { float: left; height: 600px; width: 20%; border: 1px solid black;}#content { float: right; background: green; border: 1px solid black; margin-left: auto; min-height: 300px; width: 78%;}#wrapper { margin-left: auto; margin-right: auto; max-width: 500px;}Можно ли как-то сделат…
0 votes0 answers -
Стилизация колонок в таблице c помощью <col>
Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...
0 votes6 answers -
Событие для кнопки "Отправить"
Может тут мне помогут. Есть форма на странице http://kursy05.ru/landing/obratnaya-svyaz.phpдля кнопки "Отправить" добавил в самой же форме событие onclick реализующее цель "Событие" в метрике. onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;"Получилось так: <input type="submit" name="web_form_submit" value="Отправить" onclick="yaCounter27097874.reachGoal('clickBtnSendKursy05Landing'); return true;">Везде написано что нужно добавить код. Делаю, но в метрике ничего не отображается ничего. Может что-то не так я делаю?
0 votes3 answers -
A как вы делаете кривые линии блоков?
Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)
0 votes13 answers -
нужна помощ и консультация по div и сайту
Здравствуйте, Помогите пожалуйста с одно-страничным сайтом для внутреннего пользования завода, решил сделать сайт блочного типа вот есть только одно но, не получается растянуть блоки под разные разрешения экранов http://jsfiddle.net/z0nynx6r/
0 votes6 answers -
опознать шрифт
помогите пожалуйста опознать шрифт
0 votes1 answer