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
-
На работает клик на меню-бургер
Подскажите, пожалуйста, как можно исправить не работающий клик, в данном случае, по меню-бургеру. Срабатывает вместо этого hover. Заранее спасибо! <nav class="burger-menu mobile-open"> <button class="burger-menu__btn-mobile"> <i class="fas fa-bars"></i> <span>Menu</span> </button> <ul class="burger-menu__list"> <li class="burger-menu__item"> @@include('./partials/menu/_menu.html', { "item": "contacts" }) </li> <li class=…
0 votes1 answer -
Закругленные бордюры блока
Как оформить закругление границ (border) блока по всем четырем углам ?? Если это простой блок, то у него все четыре угла прямые. А то я пытался оформить вложенными дивами (div) с картинками закругленнных углов бордюров. Ничего не получилось. Обьясните как это сделать ? Пример: обратите внимание на цитаты. Вот ссылка http://www.microsoft.com/Rus/Licensing/Pro...alServices.mspx
0 votes1 answer -
В IE6 в стилях не работает тег BODY
Приветствую. Ситуация следующая: Создаю встроеную таблицу стилей, например: <html> <head> <style type="text/css"> <!-- BODY { background-color: #99653e; color: #f0f; } --> </style> </head> <body> текст </body> </html> Вс? прекрасно работает в IE 6, однако стоит вынести таблицу стилей в отдельный файл как тег BODY в IE 6 переста?т работать (все остальные теги работают нормально а вот BODY не работает) в Opera все теги работают нормально. Подскажите, так ли это или я в ч?м то не прав, В ч?м ошибка и как исправить? Вот листинг раздельных html и css: <html> <head> <link rel="stylesheet" type="text/css" hre…
0 votes4 answers -
прослушать музыку на странице
Здравствуйте) оч нужно сделать так,чтобы можно было прослушать треки музыкальные на страничке, по выбору из списка, но без возможности скачивания. Если кто знает, напишите,спасибо заранее
0 votes5 answers -
помогите найти ошибку
Ребят, помогите разобраться. Ситуёвина такая... На готовом шаблоне (joomla 1.5) делаю сайт (пока в локалке, поэтому показать к сожалению не могу). Разрабатывая дизайн, решил добавить ещё один модуль. Прописал позицию в Template details, присвоил ему один из имеющихся классов. Всё пучком. но тут мне понадобилось изменить фон в этом модуле. так как код слишком сложный, решил особо не заморачиваться и тупо скопировал в CSS исходный класс с подклассами, изменив названия и ссылки на фоновую картинку. Ан не тут-то было. оказалось, что модули прописаны ещё в файле modules.php Решил поступить таким же макаром и скопировал скрипт исходного файла, поменяв имена классов. В итоге пр…
0 votes6 answers -
Выравнивание изображения в резиновом блоке
Здравствуйте. Не могу найти решение, надеюсь, вы мне поможете. Есть div1 с шириной 100% В нем еще два div'а: .div2 { width: 80%; height: 60px; border: 1px solid blue; display: inline-block; float: left; overflow: hidden; } .div3 { float: right; width: 19%; height: 60px; display: inline-block; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; } В левый (div2) вставляем картинку и она прижимается к верхему и левому краям div'а. Можно кроссбраузерно выровнять данное изображение по вертикали и горизонтали без использования php и js?
0 votes10 answers -
Slider не могу установить кнопки под слайдер!
Здравйствуйте ! у меня возникла проблема ! Я вставил слайдер и картинки все хорошо по задумке нужно кнопки вставить под слайдер ! а сейчас кнопки навигации на слайдере ! я вписал z-index: -5 кнопки встали нормально только вот они потеряли ссылки ! незнаю как исправить чтоб и кпонки были снизу и ссылками они были! вот код слайдера /* * jQuery FlexSlider v1.0 (Release) * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensourc...mit-license.php */ /* Необходимые стили для FlexSlider *********************************/ .flexslider { height: 302px; width: 901px; margin: 0; padding: 0; position: relative; } .flex…
0 votes2 answers -
Сползающие меню
Здравствуйте. Я только начинаю постигать искусство верстки, и делаю свою первую страницу в портфолио. Вот страница У нее существует меню, но когда я начинаю уменьшать масштаб страницы, пункты меню начинают сползать: При дальнейшем уменьшении масштаба вся верстка, просто съезжает: Прошу, помогите решить проблему, ибо на других сайтах такого нет. Прилагаю html код и css стили. <body><!--Общая обертка для сайта--><div id="wrapper"> <!-- Шапка сайта--> <div id="header"> <div id="search"> <a href="#">Войти</a> </div> <div id="main_menu_high"> <nav> <ul> <li><a href…
0 votes4 answers -
DOCTYPE... Зачем он нужен
Какова его роль так скать... На сколько я знаю их всего три вида Свободный, Строгий и Фреймовый... но если его не вписывать то вс? прекрасно работает.... Что он ускоряет работу браузера?... Да и почему все пишут так quot;-//W3C//DTD HTML 4.01 Transitional//EN"> а не так quot;-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Что это за ссылка такая? Если эту ссылку вставляешь браузер начинает к примеру таблицу растянутую на сто процентов по ширине и высоте обрабатывать как в строгом режиме...
0 votes4 answers -
изменение размера атрибутов формы
Кто подскажет как уменьшить высоту атрибута формы "текст" Спасибо.
0 votes4 answers -
Как реализовать 3 колонки?
Нужно сделать три колонки, ценральная имеет фиксированную ширину (и находится ровно по центру), края равномерно растягиваются по ширине экрана. Голову сломал..
0 votes5 answers -
помогите пожалуйста
http://gatchina-motors.ru/ почему то в верней части картинка разъезжается, не могу понять в чем дело..
0 votes8 answers -
Div, который занимает все оставшееся место
Добрый день! Попытался воспроизвести свою ситуацию, упростив ее до минимума. Необходимо, чтобы div #center занял все оставшееся место между #top и #bottom <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <style type="text/css"> html, body { height:100%; } #outer{ background:#00F; height:600px; width:400px; float:left; } #top{ width:400px; background:#F0F; height:100px;…
0 votes1 answer -
background-position c background не должен работать ?
background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…
0 votes6 answers -
тестирование?
подскажите как установить ие6 на комп , всегда ошибка (имеется новая версия)
0 votes5 answers -
Прикрутить php к форме обратной связи.
Есть форма обратной связи.Ну уж оочень красивая...но пустышка, т.е. болванка с mail-to Где почитать последовательно как делают скрипты для отправки почты я так понимаю лучший вариант это php, но где-то слышал и про ajax
0 votes1 answer -
Как установить firebug в firefox под убунтой ?
Не получается установить firebug в firefox под ubunru 12.04 когда пытаюсь устанавливать пишет что не поддерживается текущей версией firefox, как можно установить firebug под убунту ? Хромовский инспектор не очень по мне
0 votes9 answers -
Помогите! Смена фоновой картинки.
Добрый день! Пожалуйста, помогите разобраться. У меня очень простой сайт, фоновая картинка и несколько ссылок. Очень нужно, чтобы при клике на ссылку фоновая картинка менялась на заданную, а при закрытии обратно на первоначальный фон. Я думаю, что для умных людей это не сложно, но я потратила уже 2 недели, чтобы попытаться разобраться((( Где размещать эту команду?? В html, JS или CSS??? Спасибо всем, кто откликнется!
0 votes15 answers -
Программа для верстки на языке html5 и css3
Подскажите пожалуйста такие проги! А также где их скачать!
0 votes14 answers -
Интересный эффект на Рамблер, как реализовать?
На Раблере, в разделе вакансии увидела очень интересный эффект, когда нажимаешь на кнопку "предложить резюме", появляется красивое окошко , с просьбой ввести свои данные, а экран как бы затуманивается. http://hr.rambler.ru/25221412.html. Это JavaScript?
0 votes5 answers -
Границы таблицы. Нестыковка.
Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.
0 votes8 answers -
Общая полоса прокрутки для 3х фреймов
Есть 3 фрейма(столбцы). Как сделать одну полосу вертикальной прокрутки? Привязать их друг к другу так сказать... и было бы круто, если бы эта полоса была справа. Заранее спасибо.
0 votes3 answers -
3 колоночный резиновый дизайн
Форумчане, подскажите пожалуйста, пока нигде не могу найти. Нужен пример верстки 3 колоночного дизайна в котором 2 сайдбара по бокам фиксированной ширины. а в середке резиновый блок. И еще надо чтобы все 3 блока имели одинаковую высоту подстраиваясь под самый длинный блок. Причем чтобы способ поддерживал фоновое изображение на блок и бордер. Замучился искать, все не то(
0 votes7 answers -
Отступы в блоке
Здраствуйте, есть вот такой фрагмент: Как сделать отступ от левого края блоков а не от текста? Коды ниже: HTML: <div id = "tab-menu"> <div id = "pay"></div> <div id="right_head"></div> <div id="cases"> <div id="bar_tr"><span style="padding-left: 20px">Left</span><span style="right: 10px; font-weight: bold">97,14</span></div> <div id="bar_s"><span style="padding-left: 20px">Left</span><span style="padding-right: 10px; font-weight: bold">97,82</span></div> <div id="bar_tr"><span style="padding-left: 20…
0 votes13 answers -
flexie.js - не работает?
Собственно, проблемы с кроссбраузерностью flexbox Использую полифилл flexie.js - но не помогает В IE 9 это выглядит так: Может не так пользуюсь? https://jsfiddle.net/jysd1us0/1/
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-