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
-
width
Здесь написано: Это актуально до сих пор? Я до сегодняшнего дня делал наоборот: заменял везде атрибуты на css-стили и считал что делаю мир лучше
0 votes5 answers -
Решить задачу по размерам блоков без box-sizing
Дано: <div><div></div></div> Надо согласовать внешние размеры вложеного div'a с внутренними родительского. <div style="border: 100px solid #f44; width: 80%; height: 500px; padding: 80px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%; top: -80px; left: -80px; position: relative;"> Решено, но использование padding родителя и позиционирование дочернего элемента не логично, т.к. взаимосвязано с шириной border. </div> </div> <div style="border: 100px solid #f44; width: 80%; height: 500px;"> <div style="border: 80px solid #44f; width: 100%; height: 100%;"> Не решено. </div> </div> Пер…
0 votes4 answers -
Помогите новичку изменить фон текста
Доброго времени суток всем! Помогите, пожалуйста разобраться. Сейчас делаю свой блог под wp (пока на денвере) и столкнулся с одной проблемой - фон текста прозрачный, и он накладывается на основной фон. Как исправить это, и сделать цвет фона текста белым? Заранее спасибо!
0 votes8 answers -
FancyBox переопределяет вертикальный скролл ?
Есть такая проблема в последней версии всем известного плагина FancyBox когда модальное-iFrame окно всплывает то оно затрагивает вертикальный скролл страницы, на странице много контента и соответственно вертикальный скролл длинный, при всплытии плагин берет и убирает существующий скролл и заместо него просто резервирует скролл без ползунка, у меня на сайте некоторые блоки с position:fixed дергаются изза этого переопределения скролла. Вот привожу ссылку на страницу где можете сами лицезреть мною описанное(нажмите на iFrame). Перепробовал все что знаю в итоге не получается сделать так чтобы скролл страницы вообще не затрагивался и не переопределялся Есть старая версия плаги…
0 votes1 answer -
Обход ограничения
Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…
0 votes2 answers -
Подскажите как сделать плавно выпадающий список
Привет! Скажите, как сделать чтобы список выпадал не резко, а плавно, в этом меню: http://codepen.io/Anatoliy667986584/pen/WojrqL Хотя бы подскажите какие свойства в какой селектор мне ставить, или если кому не сложно, добавьте нужные свойства в этот код. Я новичок, код кривоват может, но он работает.
0 votes1 answer -
Таблица
Доброго времени суток участникам данного сайта. Скажите пожалуйста возможно ли в HTML странице создать таблицу с формулами. То есть как таблица в EXCEl вбил значение он автоматически подсчитал.
0 votes1 answer -
Текстовое поле без полосы прокрутки
Можно ли сделать текстовое поле без полосы прокрутки? Так, чтобы высота поля увеличивалась по мере вводимого текста? Если это нельзя сделать, то как можно изменить цвет и форму полосы прокрутки?
0 votes0 answers -
Не получается
Добрый день, прошу помощи по CSS вот в каком вопросе. Пытаюсь сделать CSS галерею, такую, что при наведении курсора, фотография плавно перетекала из уменьшенного размера в свой исходный. Пример подобной галлереи: .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin betwe…
0 votes2 answers -
Выравнивание текста
Салют) Значит...есть блок, в этом блоке строка, строка должна быть выровнена по центру, одно слово из этой строки должно быть выровнено по правому краю. на ум пришло 2 варианта. 1) запихать это слово в отдельный блок и сместить его, но в таком случае меняется уровень, это слово находится выше остального текста... 2) position:relative; left:**px; слово является ссылкой, и проблема в том, что можно кликнуть на эту ссылку наведя курсор на место где была эта ссылка до сдвига...(надеюсь понятно)
0 votes3 answers -
Позиционирование элемента с отступом
Подскажите пожалуйста! <div class="standart"> <span class="statistics">Статистика</span> </div> .standart { position: fixed; right: 5px; bottom: 5px; } .statistics { border: 1px solid #CFCFCF; background-color: #F2F2F2; padding: 5px } Если поставить padding: 5px в .statistics, то элемент div.standart уезжает за края, приходиться регулировать вручную параметр bottom: 5px в .standart Вопрос: почему span.statistics сам не регулируется относительно значений bottom и left заданных в .standart, при изменение padding внутри его? P.S. - Заметил что если элемент будет без span в одном div элементе, все корректно =(
0 votes2 answers -
Сформулировать невозможно, просто посмотрите на картинку
Здравствуйте. У красных дивов на картинке задано float:left, они выстраиваются в два "столбика" из-за того, что оборачиваающий их черный див ограничен по ширине. В левом "столбике" дивы "не прилипают" к верхним. Как можно сделать, чтобы прилипали? Даже не принципиально, будут ли это дивы или что-то еще, останется у них float или нет. Рассовать их в два оборачивающих дива не советуйте, если бы это можно было сделать, я бы не спрашивал. Вот код: http://jsfiddle.net/fUtA4/
0 votes8 answers -
JS - маячёк
Есть страничка HTML к этой страничке подключаем JS. Все типовое, никаких наворотов. Теперь вопрос - как в JS вшить "маячек"? Основное - что мне нужно от этого маячка - получить информацию, на каком сайте (url страницы) был вызван это JS. Сам маячек - (код) по возможности должен быть не большой, не броский в глаза. php и прочее - есть, доступно на своем (контролируемом мной) сервере. Основная задача - получить инфу - куда утянули JS, где используют. Интересует - подсказка - куда копать, как загуглить этот вопрос правильно.
0 votes4 answers -
Не фиксируется фон
Доброе время суток! После заливки сайта на сервер перестал фиксироваться фон. (При отладке на моём компе все работает). body { background-image: url(images/fon4.gif); background-attachment: fixed; } В чем может быть проблема? Помогите, пожалуйста. Спасибо.
0 votes2 answers -
Реализация подобного макета
DELET интересует как сделать подобные блоки(что с права)
0 votes4 answers -
высота блоков
Всем привет, есть 3 блока http://fscreen.ru/vAc4Rb1314175623 , цены и описание должны быть выровнены по одной линии, есть сузить экран , то высота блока изменяется и появляется скроллинг у блока ( http://fscreen.ru/Vn9c0L1314180238 ) т.к. я задал для блоков фиксированную высоту и overflow:auto; , если без фиксированной высоты, то сами понимаете ничего на одном уровне точно не будет. Как посоветуете решить проблему. Никто не знает есть функция js определяющая высоту контента в блоке ?
0 votes9 answers -
Стили вставляют пробел или Joomla?
Начал менять стили вывода встроенного модуля "Материалы - Список материалов категории" Joomla 2.5.19. Не пойму, это Joomla добавляет пробелы перед точками, которые добавляю стилями :after или это какие-то стили делают? Пробелы можно увидеть на примере ссылки "Подарки руководителю ."
0 votes6 answers -
плывет блог div при умешьшении масштаба в браузере
столкнулся со следующей проблемой: открываю файл index в браузере вся верстка при масштабе 100% смотрится хорошо при уменьшении масштаба начинает плыть правый блок с контентом. Если убрать border у блока с контентом все становится как надо. помогите советом http://savepic.ru/6617212.jpg http://savepic.ru/6600828.jpg <body><div class="karkas"> <div class="header"> <a href="#"><img class="logo" src="images/logo.png" alt="logo"/></a> <a href="#"><div class="random">Случайная серия</div> </a> </div> <div class="menu"> <ul> <li><a href="#">Выбрать эпизод</a></li>…
0 votes5 answers -
Спецификация
Всем привет,подскажите как вообще работать с спецификацией тэгов(как смотреть какие значения по умолчанию,устарел тэг или нет ну и всё в таком духе)Извините если не туда написал,не знаю просто куда надо писать.Я начинающий
0 votes3 answers -
Не работает адаптация на мобильном
подскажите в чем ошибка, медиа запросы на экране браузера работают, а на самом мобильном устройстве нет. Весь сайт поломан. Вот так выглядит head <!DOCTYPE HTML> <html> <head> <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content=" бизнес в интернете, онлайн бизнес, запуск бизнеса в интернете, онлайн предприниматель, пошаговая система, МЛМ в интернете"> <meta name="description" content="Бесплатный ПДФ пошаговая инструкция запуска бизнеса в интернете"> <link href="style.css" type="text/cs…
0 votes3 answers -
Jade. Избавиться от дублирования кода
Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …
0 votes1 answer -
Не правильное отображение страницы
При уменьшении ширины страницы, уменьшение блоков быстрее происходит быстрее (тоесть блоки быстрее сужаются и между блоком и границей свободное пространство) при том что width=100% для body и section. В чем может быть проблема? (CSS стили отключал, проблема не исчезала, значит дело в самомо HTML)
0 votes1 answer -
Три колонки превращаются в две
Есть страничка содержащая три колонки. Колонки могут быть разной высоты. Каким образом можно сделать так чтобы при скрытии правой центральная автоматически расширялась вправо?
0 votes2 answers -
Поле со списком
Задача: В зависимости от чекбокса надо показывать или скрывать некоторые элементы списка. Вопрос: можно ли вообще это сделать? в привеленном ниже коде этот номер не получился <select name="hero"> <option value="s1">Чебурашка</option> <option value="s2" selected>Крокодил Гена</option> <option value="s3">Шапокляк</option> <option value="s3" style="visibility: hidden;">Крыса Лариса</option> </select>
0 votes1 answer -
Три "float" и "clear:both;"
У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…
0 votes4 answers