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
-
Как сделать раздачу торрента по HTTP
Как реализовать раздачу файла через торрент по HTTP, что бы другие тоже могли помогать в раздаче больших файлов(допустим 1.4 гб)?
0 votes1 answer -
Вывод постов определенной категории
Добрый день! Не могу понять, как реализовать следующее. На сайте есть новостной блок. В нем 4 типа новостей, они находятся на главной странице. У меня получилось вывести их через такой код: <?php $categories = get_categories('include=8,9,10,11'); foreach ($categories as $category) : $link = get_category_link($category->cat_ID); $title = $category->cat_name; $text = $category->description ; ?> <div class="item"> <img src="img/news_pohodi.jpg" alt="" /> <p class="title"><?php echo $title; ?></p> <p class="description"><?php echo $text; ?></…
0 votes0 answers -
Просмотр видео через торрент на сайте
Как можно реализовать просмотр видео по p2p через ОБЫЧНЫЙ JS плеер, без расширений и всяких сервисов сторонних - только средствами Chrome(Opera и т.п.)? P.s.Реально проверенные способы советуйте - никто как вы поняли зайдя на сайт, не будет устанавливать хрен знает зачем расширение(которое только для ОгнеЛиса помоему)
0 votes3 answers -
Элемент уходит влево после работы скрипта
3 кнопки, 3 таблицы, после нажатия на кнопку отображается определенная таблица. После нажатия на кнопку таблица всегда уезжает влево, несмотря на тег <center> и атрибут align="center" rabbits.html
0 votes2 answers -
Css проблема при выравнивании box-sizing:border-box
Добрый день уважаемые форумчане. Никак не могу понять ХссылкаХ , почему у 3его блока смещение. Прошу тех кто знает рассказать от чего такая проблема и как с ней бороться.
0 votes2 answers -
Как расположить элементы на странице таким образом?
Здравствуйте. Есть вот такой HTML-код: <div> <h3>Настройка модема</h3> <ul> <!-- Первый элемент —> <li> <a href="#"> <img width="59" height="59" src="https://test.lan1.by/no_image.png" alt="" /> Как подключить ZALA по Wi-Fi на ZTE F660v5 </a> <div> <span class="date"><i class="fa fa-clock-o fa-lg" aria-hidden="true"></i> 03.11.2017</span> <span class="view"><i class="fa fa-eye fa-lg" aria-hidden="true"></i> 1300 просмотров</span> <span class="comments"><i class="fa fa-comments fa-lg" aria-hidden="tru…
0 votes7 answers -
Специфические шрифты в psd макете
Всем привет. Возникла такая проблема. Теорию html и css я прочитал и решил попрактиковаться. Скачал несколько макетов и тут появилась проблема со шрифтами. В Photoshop я пока плохо разбираюсь, но чувствую нужно будет подучить теорию с ним. Я разобрался, что если в системе нет нужного шрифта, то его легко можно скачать и установить. Но в паре макетов, которые я очень хочу сверстать, шрифты платные. То есть как я понял, единственный вариант - заменить их уже встроенными в Windows. Но при это возникает проблема с размером и полнотой шрифта. Если с полнотой ещё понятно, то проблема с размером более объёмная. Заменяю я шрифт, он становится или Arial, или вообще …
0 votes2 answers -
Абсолютное позиционирование шапки сайта
Всем привет. Начал я делать сайты по psd макетам. До этого попробовал несколько сайтов верстать по видеокурсам. Вот теперь решил попробовать сам. И вот задумался. Нашёл я резиновый макет. Вроде с шапкой всё понятно, да и помню, что похожее как раз по видеокурсу проходил. Понял, что для шапки вроде бы подходит следующий код: .header { position: absolute; width: 100%; } А вроде бы это position: absolute и не нужен. Поискал в интернете. Часто такие стили применяют, но вот объяснений почему нет. Можете объяснить зачем применяют в шапки сайта абсолютное позиционирование? Частый ли это случай или или применяется только в определённых, редких случаях? …
0 votes17 answers -
Стилизация таб переключателей
Доброго времени суток уважаемые форумчане. Прошу помощи со стилизацией таб переключателей. Мой код, задуманы как в приложении 11. Заранее благодарен.
0 votes2 answers -
Открытие картинки на весь экран с затемнением без js
Добрый день. Подскажите пожалуйста как при клике ссылку открыть картинку на весь экран с затемнением фона, так что бы при повторном клике на картинку или фон она закрывалась. И возможно ли все это только на CSS?
0 votes3 answers -
Как заставить Masonry располагать контент в 3 колонки?
При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).
0 votes3 answers -
Векторый фон для текста, реально?
Здравствуйте! В верстке я новичок. Есть задачка по оформлению текста на сайте: нужно сделать возможность задавать фон для текста, который выглядит следующим образом: Возможно ли это? Если да, дайте наводку, пожалуйста. Необязательно именно так, но хотелось бы что-нибудь по-красивее, нежели чем прямоугольный бэкграунд. Цвет всегда один и тот же. Хотелось бы, что бы это чудо тянулось в зависимости от количества символов) Заранее благодарю.
0 votes4 answers -
Параллельный сдвиг строк в двух <div>
Всем привет! Прошу помощи! Каким способом оптимально выполнить параллельный сдвиг строк в двух тегах <div> (для удобства чтения стихов с переводом) при изменении ширины страницы? В приложении прикрепил правильный и неправильный вариант Правильный вариант расположен тут - https://www.musixmatch.com/lyrics/Oxxxymiron/Где-нас-нет/translation/english Там все обернуто в какую-то неимоверную кучу стилей. Есть ли еще какие-то способы выровнять строки по уровню внутри двух <div>? Спасибо!!!
0 votes1 answer -
карусель Создание карусели
Здравствуйте, коллеги! Подскажите пожалуйста как лучше реализовать карусель в данном макете. Я имею ввиду, какой самый оптимальный вариант, чистый css, jquery, js, bootstrap? Макет прилагаю. Спасибо!
0 votes5 answers -
Content model:
Объясните пожалуйста человеческим языком описание контент модели тега <a> 3.2.4.2 Transparent content models Some elements are described as transparent; they have "transparent" in the description of their content model. The content model of a transparent element is derived from the content model of its parent element: the elements required in the part of the content model that is "transparent" are the same elements as required in the part of the content model of the parent of the transparent element in which the transparent element finds itself.
0 votes2 answers -
Выравнивание элементов в таблице
Доброго времени суток уважаемые форумчане. В таблице, при адаптации для маленьких разрешений не знаю как выровнять текст. Разница в 1 символ, но визуально они стоят криво, хотелось бы их расположить один над одним. Прошу подсказать. Заранее благодарен. код
0 votes9 answers -
Поздно срабатывает onscroll в IE
Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно. Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения? https://jsfiddle.net/0b9dye0j/
0 votes0 answers -
HTML CSS media запросы
Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…
0 votes12 answers -
специальные комментарии в html
в исходном коде HTML сайта "игромания" увидел много вот таких комментариев <!-- LRS 28.11.2017 14:45:12 -->, что это и для чего, в инете ответ не нашел, буду благодарен за пояснения!!!
0 votes1 answer -
Отступы в макете и на сайте
Я только начинаю учиться, поэтому интересует очень важный вопрос. Измеряю расстояние в макете от текста до верхней линии. Например он 50 пикселей. Когда задаю это в файле CSS все хорошо. Но когда захожу через гугл хром проверяю расстояние, во первых оно визуально больше. Во вторых наведя на блок с текстом будь это <p> либо <div> показывает дополнительное расстояние от текста до края этого блока. Внимание вопрос, как этого избежать? можно ли как-то убрать это внутреннее расстояние? или существуют какие-либо еще неведомые мне способы. Заранее спасибо. Если выразился непонятно, напишите залью сюда код и изображение.
0 votes7 answers -
Плавное sticky menu
Ребят помогите пожалуйста, есть вот такое sticky menu, нужно сделать его как-то чтобы оно более плавно прилипало при скролле хотя бы как тут без рывков http://hashiva.s215.upress.link/. Уже и с transition игрался, и анимации придумывал разные, никак не получается решить.
0 votes3 answers -
Как отобразить background-image за пределами блока
Здравствуйте! Есть блок шириной 390px и высотой 100px, который является ссылкой. .div { background-image: url(bg_1.png); height: 100px; width: 390px; } .div:hover { background-image: url(bg_hover.png); } <div class="div"> <a href="#">Текст</a> </div> <div class="div"> <a href="#">Текст</a> </div> Можно ли сделать так, чтобы при наведении на блок фон менялся на bg_hover.png и при этом стрелка слева картинки выходила за пределы блока??
0 votes12 answers -
Помогите с одной функцией
При нажатии на определенную ссылку на первом листе переходит на второй где есть несколько блоков вниз. Как сделать так чтобы при нажатии на эту ссылку переходило не только на этот второй лист но и опускался к определенному блоку вниз Заранее спасибо!
0 votes3 answers -
Работа с приложение "Pixel Perfect"
Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...
0 votes10 answers -
Задать свой курсор в contenteditable
В Internet Explorer при наведении на элемент находящийся внутри contenteditable нельзя задать свой курсор. Вопрос: как задать свой? https://jsfiddle.net/3pdyhj8s/
0 votes2 answers