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
-
document.write
Скажите, почему выходит на экран document.write тоже? <SCRIPT LANGUAGE="javascript"> document.write("<FONT COLOR='RED'>Иван рубил дрова</FONT><BR>") document.write("<FONT COLOR='BLUE'>Варвара топила печь</FONT>") </SCRIPT>
0 votes3 answers -
Зачем нужны новые теги html5?
Добрый день. Зачем нужны такие теги как <menu>, <main> или <time>?
0 votes3 answers -
помогите понять ,как работает слайдер на css3
Здравствуйте. нашел на английском сайте слайдер на css3 без js. Вот здесь : http://csscience.com/responsiveslidercss3/ так вот там написано ,что ловится клик на радио кнопках с id: slide1 , slide2. и в зависимости от выбранной радио кнопки, контейтеру со слайдами (с классом .inner) присваивается соответствующий margin-left. #slide1:checked ~ #slides .inner { margin-left:0; } #slide2:checked ~ #slides .inner { margin-left:100%; } #slide3:checked ~ #slides .inner { margin-left:200%; } #slide4:checked ~ #slides .inner { margin-left:300%; } #slide5:checked ~ #slides .inner { margin-left:400%; }Впервые встречаю такой прием в css3 ,где можно о таком способе динамического …
0 votes3 answers -
помогите растянуть полосу на всю ширину блока
Здравствуйте. Есть блок у которого задана фиксированная высота , и ширина задана width:auto. в этом блоке есть полоска с текстом ,тег h2. эту полоску необходимо растянуть на всю ширину блока. Таких блоков много и они расположены в линию , фото разных размеров поэтому высоту фото фиксируем ,а ширина получается у всех разная. Пример блока здесь: https://jsfiddle.net/ishurgaya/e52yj6ne/ Как сделать ,чтобы ширина синей полоски с текстом была во всю ширину блока ? Спасибо
0 votes3 answers -
Подскажите как сделать данную штуку на BxSlider и можно ли ее вообще сделать на нем?
Хочу сделать вот такое текстовое поле на слайдере, создал сверху над списком блок с текстом с абсолютным позиционирование и с помощью марджинов сместил его в цент, но встал вопрос как сделать переключение текста со следующим слайдером?
0 votes3 answers -
Уникальный стиль полосы прокрутки для отдельного блока на странице
На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?
0 votes3 answers -
проблема с z-index.
Вообще я в верстки начинающий и учусь по средствам проб и ошибок. В общем хочу сделать картинку (вызываемая через php) и поверх 2 картинки (через css). Собственно код php: <?php if($current_options['service_image_one']) { ?><div class="service-box_1"><div class="service-box"> <img class="img-responsive service-box-image" alt="Sleek & Beautiful" src="<?php echo esc_url($current_options['service_image_one']); ?>"></div></div><?php } ?> Тут идет прикрепление фоновой картинки через CMS и оно работает. Я лишь добавил <div class="service-box_1"> как родительскую и в css прикрепил к ней 2 картинки. Хочу что бы они были …
0 votes3 answers -
Блочная верстка: div в div'е и бэкграунд
Добрый день! Прошу помощи! Блочная версткаю Есть основной div и в нем, традиционно, еще 2 - сайдбар и зона контента. Не пойму, как сделать фон основного дива, что бы он был фоном и для вложенных в него??? <div id="content_wrapper"> <div id="sidebar"></div> <div id="main"></div> </div> Задаю фон для #content_wrapper. Хочу, что бы он был фоном и уже сверху него выводилось содержимое #sidebar и #main. Но не получается.... #content_wrapper {width:1000px; min-width:1000px;height: 100%; min-height: 100%;margin:0 auto; background: #fff;} #sidebar {width: 20%; float: left;} #main {width: 80%; float: right;} Как это сделать? Зара…
0 votes3 answers -
Создание кнопки в письме Подтвержение о подписки
Всем доброго времени суток. Подскажите, пожалуйста решение следующей задачи: Отправляю по емайл извещения о поступлении новой заявки. Письмо в обычном html формате, с текстовым содержанием описания заявки и парой гиперрсылок. Тема письма всегда содержит номер заявки. Необходимо в тело html письма вставить кнопку подтверждения заявки. Т.е когда получатель письма нажимает на эту кнопку, должно появиться окно с текстом типа "вы действительно принимаете эту заявку? и кнопка да и отмена" в свою очередь, подтвердив заявку я должен получить на свой почтовый ящик подтвержение об этом. То, что можно сформировать обычную ссылку mailto и прописать тему и тело сообщения - это я знаю!…
0 votes3 answers -
События
Добрый день! Мне нужно создать функцию которая будет запускаться при появлении модального окна ( не браузерного ) на странице. Появляется он в разное время, соответственно всякие setTimout не подходят. Выловить его можно по id.
0 votes3 answers -
Линия находится не в том месте.
В общем суть картины тут: http://skin-game.ru/. Если пролистать в самый низ картины, то видно линию. Но я хочу ее поставить не далеко после слайдера. Как исправить, а то чего-то я не углядел.
0 votes3 answers -
Поисковые боты
Всем всем всем! Доброго временища! Вопрос от студента стройки. Как поставить информацию о том, какие поисковые боты посещают сайт? На примере моего сайта tetradion.ru, под счетчиком ЛайвИнтернета, типа YAndex bot сейчас на сайте. Если возможно, ответьте лузеру.
0 votes3 answers -
Проблема при верстки бокового меню
Добрый вечер, я только начал учить HTML/CSS, поэтому извините за слишком глупый вопрос. Сейчас решил сверстать макет, так у меня теперь проблемка, я хочу чтобы у бокового меню фон полностью обтекал, я пробовал сделать все при помощи позиционирования, так в таком случаем у меня все получилось, а вот если использую флоат, то ничего не выходит, есть ли какое-нибудь решение? ВОт сам код: http://codepen.io/Frodo/pen/MaBKvx
0 votes3 answers -
Просмотр новостей в вк
Добрый день всем. Изучаю в данный момент связку HTML+CSS. Появился вопрос, никак не дающий мне покоя. В Вконтакте при нажатии на новость, она увеличивается. При этом вроде обновление страницы не происходит. Может кто-нибудь подсказать, с помощью каких ресурсов сделана эта функция?
0 votes3 answers -
Как сделать, чтобы сайт всегда был по центру экрана?
В поиске выпадают варианты чтобы сделать картинку или блок по центру экрана, а задача чтобы сайт весь при загрузке страницы и при изменении окна браузера всегда был в центре. А по умолчанию точка отсчёта стоит в левом верхнем углу, как это преодолеть?
0 votes3 answers -
Не работает выравнивание картинки по горизонтали
Здравствуйте! Подскажите, пж-та, в чем может быть проблема. Пытаюсь картинку отцентрировать по горизонтали внутри блока, для этого использую margin: 0 auto, но картинка почему-то не центрируется. Код выложил сюда: http://codepen.io/anon/pen/xwyGWE Спасибо!
0 votes3 answers -
Проблема с позиционированием
Уважаемые Гуру сайта htmlforum.ru помогите мне пожалуйста решить сложную проблему. Сверстал сайт, но потом увидел удивительную вещь, на разных экранах он отображается по разному. Шапку сайта я смог добить до такого состояния , что она отображается на всех экранах одинаково. Но вот проблема возникает с другими div'ами. Думаю не стоит выкладывать сюда исходники, вы и сами на них можете посмотреть http://instarocket.me/ При разрешении 1440x900 отображается всё нормально. а вот на других, уже сайт едет. Этот див, выделенный зеленным цветом, не могу поставить по середине под <hr>. Писал margin:0 auto; ничего не помогает.
0 votes3 answers -
ключи для github
ребята, заметил, что с недавних пор на гитхабе уже стало не обязательно генерировать ключи. скажите пожалуйста, они теперь вообще не нужны или где-нибудь в системе всё таки хранятся? в ~/.ssh вроде нету ничего, а где ещё можно их поискать?
0 votes3 answers -
Проблема с отображением верстки в Safari
В Safari есть проблема с отображением расписания, пропадают кнопки (см. скрин в присоединенных файлах). Просьба внести исправления, если это возможно.Дополнительно уточняю: проблема присутствует не на всех устройствах (на iPad mini и iPhone ОС версии 7 при переключении все происходит корректно). ссылка на сайт http://planetakino.ua/ru/showtimes/#month
0 votes3 answers -
Стилизация css селекторами кнопок next и prev
Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…
0 votes3 answers -
пропал текст в опере
помогите пожалуйста вернуть надписи на место вот страничка . во всех браузерах отображается одинаково. но в windows8.1 opera12.16 страничка выглядит так проверял при помощи сервиса browserstackScreenshots . может он так заглючить? проверить на реальном браузере у меня нет возможности
0 votes3 answers -
Создание элемента независимого от масштаба устройства
Здравствуйте. Возможно ли создать элемент (к примеру кнопочку) имеющую размеры, например 10vw по высоте и ширине от размеров девайса и расположенных в определенном месте например справа внизу относительно экрана (вьюпорта) и споизионированного как fixed. Причем при увеличении или уменьшении масштаба страницы, элемент должен оставаться незименных размеров, вроде как 10vw относительно вьпорта и соответственно оставаться именно в правом нижнем углу даже если мы скроллим сайт.
0 votes3 answers -
Tag data в зависимости от ширины экрана
День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.
0 votes3 answers -
Осуществляю желание перейти от табличной верстки к блочной... пожалуйста помогите
1. как сделать чтобы в футере 3й див не уходил на следующую строку 2. как сделать чтобы в <div class="content"> избыточное содержимое давало скроллбар не у всей страницы а только у этого дива Спасибо! <!doctype html> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>test</title> <style> body { margin: 0; padding: 0; } .content { height: 100%; width: 100%; } .shapka { height: 84px; background: #000000; } .footer { position: absolute; bottom: 0px; height: 40px; width: 100%; background-color: #789CB4; color: white; font-family: sans-serif; font-size:…
0 votes3 answers -
какая-то аномалия. Почему стиль применяется так же и к другому блоку?
если навести файрбагом на ячейку таблицы, то можете увидеть класс: .ntable если написать: .ntable th, td { border: 1px solid black;}тогда стиль применится и к футеру (смотреть не с мобильного надо) . Вопрос почему? и как сделать, чтобы у таблицы были границы в контенте, а в футере рамок не было. ps: если таблице футера присвоить свой класс, тогда он будет применяться к контентной части таблицы! Почему это происходит? Ведь они находятся в совершенно разных контейнерах. даже если к itemBody применять стиль - он действует и на футер. ничего не понимаю..
0 votes3 answers