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
-
отменить смещение текста при list style position inside
Доброго дня уважаемые коллеги, подскажите пожалуйста, можно ли как-то отменить смещение текста при переносе строки под маркер списка при позиции inside? (Можно только при позиции inside). буду благодарен за любую помощь. https://jsfiddle.net/shaoau5z/
0 votes3 answers -
Из JSF в ADF
Есть действующий сайт, созданный с помощью ADF. Есть новые странички, которые сделаны с помощью другой технологии — JSF , используя стандартные компоненты PrimeFaces. Задача: привести внешний вид новых страничек к стилю действующего сайта. Код — черт ногу сломит. 100500 таблиц, еще столько же дивов. На выходе примитивный интерфейс, с табличкой и формочкой, которые весят 5Мб. Кто-нибудь сталкивался с этими JAVA фреймворками? При чем тут вообще верстка? — мне поставили задачу, а я ни бум бум. Вопрос здесь философский: как вообще действовать, поступать в таких ситуациях? Выскажите, пожалуйста, свое мнение. ЗЫ: понятно, что сверстать можно все что душе угодно даже п…
0 votes4 answers -
Фиксированное горизантальное меню
Здравствуйте! Помогите с такой проблемой. Сделал верхнее фиксированное горизонтальное меню, т.е при прокрутке страницы меню остается. Но теперь следующий за меню блок (там картинка) заходит немного за меню. Как его вытащить?
0 votes3 answers -
встраивание картинки в css\html
Добрый вечер всем, у меня вопрос, как в css одну картинку положить на бэкграунд? Вот у меня есть код бэкграунда body {background-color:#ffecc7;background-size: 100% 100%;background-repeat: no-repeat; } Это у меня фон,он на весь экран но я хочу еще картинку\или некую область определенного цвета которая ляжет поверх этой, но будет меньшего размера. Например я хочу зеленый "квадрат", который будет по центру этого фона, как это сделать?
0 votes6 answers -
Трансформировать нижнию границу блока
Здравстуйте. Есть задача: повернуть нижнюю часть блока под определнным градусом, пример на картинке Вместо черного блока будет изображение на всю ширину экрана.. На форуме нашел подобную тему http://htmlforum.ru/index.php?showtopic=52365&hl=%2B%D0%BF%D0%BE%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%2B%D0%B1%D0%BB%D0%BE%D0%BA#entry350534 но есть ли другое решение?
0 votes11 answers -
Почему родительские дивы не учитывают высоту дочерних?
Всем привет. Столкнулся с проблемой. Есть главный контейнер .main-content, в который вложены все остальные. Почему то родительский контейнер не учитывает высоту дочерних. В чем может быть проблема? Вот сайт: http://cm04741.tmweb.ru/index.html Заранее спасибо за ответ!
0 votes11 answers -
Помогите доработать
Не получается такое http://jsfiddle.net/enwmps9o/96/
0 votes5 answers -
Проблемы с кодировкой
Я на днях решил прислать другу ссылку на сайт через вк ,и когда пишу ссылку ,то в низу возле картинки в описании появляется что-то в этом роде ( for-droid.ru выбор только лучших смартфонов Рё РёРіСЂ for-droid.ruВыбор только лучших смартфонов Рё РёРіСЂ РЅР° платформе РђРЅРґСЂРѕРёРґ..)и я думаю что проблема скорее всего в кодировке ,и тут становится еще не понятнее по скольку все файлы я сохраняю в utf-8 ,и может это поможет но вот как выглядят мои мета теги :<head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="description" content="Выбор только лучших с…
0 votes5 answers -
Как узнать что на сайт зашли с внешнего ресурса?
Как узнать что юзер зашёл на сайт не из внутренних страниц сайты, а с другого адреса? Это точно с использованием пхп, но как? Как бы редиректить на определённую страницу людей зашедших с внешнего ресурса.
0 votes13 answers -
Как правильно рассчитать поля и отступы в адаптивной верстки?
Есть код. Все пропорции фиксированого макета прописаны в комментах(то есть я перевел в адаптив обычный фиксированый макет). Все нормально, но мне не нужен блок #in-warp, но как без него сохранить такие же зависимости, так чтобы маржин и падинг #in зависили от ширины #in, а не от #container? Или может в этом нету смысла так как сам #in зависит от #container и если подстоить данные отсупы под #container это ни на что не повлияет?
0 votes1 answer -
правильная организация элементов
Я всю жизнь писал код так <nav id="navigation"> <ul> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> <li><a href=""></a></li> </ul></nav>а потом посредством css добавлял стили элементам #navigation{ width: 100%;} #navigation ul{ display: block; ... } #navigation ul li{ display:inline-block: ... } #navigation ul li a{ display: block; ... } #navigation ul li a:hover{ text-decoration: none; }Стили просто для примера. В принципе горя не знал, все работало. Сегодня посмотрел один миникурс, где сказа…
0 votes3 answers -
Время пропадания popover Bootsrap
Есть кнопка на которую остановлен popover, в нем есть ссылка, когда нажимаю на кнопку, то всплывает popover, если кликаю за пределами popover, то он пропадает, когда нажимаю на ссылку в popover, то осуществляется переход по ссылке, но есть проблема, когда кликаю стандартно по ссылке в popover, то всё нормально, но когда кликаю по ссылке не стандартно, чуть дольше зажимаю лкм, то popover сразу пропадает и я не успеваю нажать. Как добавить время ожидания при клике для popover?
0 votes1 answer -
Меню
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ма</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="class"> <ul id="nav"> <li><a href="">text</a></li> <li><a href="">text</a></li> <li><a href="">text</a></li> <li><a href="">text</a></li> </ul> </di…
0 votes1 answer -
Как слой <div> выровнить по середине экрана?
Собирал сайт на ноуте где разрешение экрана 1360х768. Выравнивал строго прописывая отступы. При попытке открыть сайт на компе где вместо монитора стоит телевизор с разрешением 1920х1080, оказалось что весь сайт смещен влево. и даже картинка фона сползла влево! Собственно от туда и вопрос: как выровнить слой по середине экрана независимо от разрешения экрана! Для примера, как выглядят сейчас мои слои: <html> <head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Новая страница 1</title></head> <body> <div style="position: absolute; width: 4…
0 votes8 answers -
Увеличение изображения при наведении.
У меня такая проблема. К сайту нужно прикрутить подобный элемент https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ Интересует именно левый блок с товаром, который можно увеличить и карусель под ним. Саму страничку верстаю при помощи фреймворка bootstrap 3 В общем нужно решение при помощи которого можно подобное соорудить. зы писать скрипт с нуля уже времени нет. Пора верстку сдавать(
0 votes2 answers -
Прямые углы
Помогите сделать прямые углы, вот код <p>• <span class="label label-info"> /rs </span> - обнуления счета;</p> где /rs у меня этот текст в округленной рамке а как сделать прямые углы у рамки ?
0 votes4 answers -
Как свернуть раскрытый блок автоматически
Добрый день, при нажатии на ссылку открывается некий блок, таких ссылок с блоками может быть несколько, как сделать чтобы при нажатии на любую другую закрытую ссылку предыдущий раскрытый блок сворачивался, а выбранный раскрывался? Вот пример http://jsfiddle.net/driver/PD3gk/light/ Спасибо.
0 votes3 answers -
Проблема с рамкой у body
Привет! Пытаюсь сделать рамку для body, т.е. рамку у всей страницы документа. Мне нужно чтобы она имела отступ в 15px от края, причем содержимое страницы обрезаться не должно. Если я указываю у body свойства border и padding, то содержимое соответственно обрезается по краям. Добавлял новый тег в начале страницы, рамка отображается как нужно, но из-за структуры сайта не могу с позиционировать содержимое поверх этого нового блока. Какие есть способы добавления такой рамки к странице? http://s010.radikal.ru/i312/1508/f7/742465e57832.png Спасибо
0 votes9 answers -
Плагины для онлайн музыки
подскажите пожалуйста ! Хочу сделать сайт онлайн музыки и хочу именно на WordPress вот пример http://pesni-tut.net/ Подскажите какие можно использовать плагины для реализации такой идеи ! Платные плагины тоже пойдут!
0 votes2 answers -
Проблемы с дизайном сайта.
Всем привет, ответьте пожалуйста на несколько странных вопросов: 1. Подскажите пожалуйста как добавить разрыв между слайдером и основной частью сайта. Попробовал aside, но это совершенно не то. 2. Пытаюсь на фон добавить 2 картинки, но получается так, что картинка, которая подразумевается снизу идет просто по низу экрана монитора. body.base { background: url('/картинка') bottom center no-repeat,url('/картинка') top center no-repeat,#000000; height: 100%; }P.s. Понимаю, что юкоз не лучшее решение, но хоть как-то... Заранее благодарен! Сам сайт: Ссылка —— Такс ну первую я проблему более или менее решил, поместив слайдер в таблицу
0 votes2 answers -
Адаптивный текст
Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?
0 votes3 answers -
Запустить счетчик после клика
День добрый. Вот пример http://codepen.io/npofopr/pen/vNBabW animateNumber "запускает" счетчик по загрузке страницы. А как сделать так, чтобы счетчик запускался по клику на ссылке, но если ссылка уже active, то счетчик бы сразу запускался. Пробовал вот так и много ещё как (что получалось нагуглить): if ($('.tabs__content').hasClass('active')){ $('#lines1').animateNumber({ number: 69 });};$('lines2-btn').on("click","#lines2-btn:not(.acitve):not(.disabled)", function() { $('#lines2').animateNumber({ number: 69 });});$('#lines2-btn').click(function(){ $('#lines2').animateNumber({ number: 69 });});Но не срабатывает. Просто по клику срабатывает, но не полу…
0 votes2 answers -
Прыгает сайт на планшете
Привет всем. Есть сайт http://prodromos.by/ при просмотре на мобильных устройствах (в основном в хроме) сайт прыгает. В чем может быть проблема? Спасибо.
0 votes6 answers -
Thumbnail custom для Owl slider
Здравствуйте. На сайте стоит слайдер Owl. Потрубовался функционал от него - thumbnail. Дописан следующим образом // 1 - assign each 'dot' a number dotcount = 1; jQuery('.owl-carousel_4 .owl-dot').each(function() { jQuery( this ).addClass( 'dotnumber' + dotcount); jQuery( this ).attr('data-info', dotcount); dotcount=dotcount+1; }); // 2 - assign each 'slide' a number slidecount = 1; jQuery('.owl-carousel_4 .owl-item').not('.cloned').each(function() { jQuery( this ).addClass( 'slidenumber-item slidenum…
0 votes6 answers -
Нужна помощь с адаптивностью
Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…
0 votes2 answers