Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Стили для поля ввода (default, valid, invalid)

    Делаю форму (HTML5) и столкнулся с такой проблемой. Если указывать атрибут required для input, то стили для этого поля автоматически с дефолтных значений меняются на те, которые я прописал в input:invalid (как я понял, так работает валидация формы). А как сделать, чтоб и проверка работала, но применялись стили по умолчанию, а стили input:invalid применялись если введенная инфа не соответствует тому, что я прописал в атрибуте pattern для input?

    Asked by frontMan86,

    0 votes
    5 answers

  2. Как сделать

    У меня возникла вот такая проблема: Я хочу сделать расписание для своей группы в виде расширения для браузера, и сейчас, из-за малого опыта, не могу понять. Как сделать так что бы открыв меня расширения, открывалось сначала дни недели, и нажимая на него рядом будет открываться само расписание. Что то типа браузера в маленьком окошке расширения. Сильно прошу помочь.

    Asked by Epifan,

    0 votes
    1 answer

  3. Изменение css свойств родителя onfocus:last-child

    Доброго времени суток, есть такая конструкция: #header nav ul li Нужно что бы при клике (:focus) на #header nav ul li:last-child у #header изменилось свойство width Есть какие идеи?

    Asked by karakym,

    0 votes
    4 answers

  4. не работает русский язык при utf-8 без bom

    Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…

    Asked by skoorpion1,

    0 votes
    2 answers

  5. Узнать ссылку по нажатию кнопки.

    Ребят, помогите советом. Вот страница http://hroost.com- видите, там есть неумело установленная менюшка с валютой - украина, россия, и кнопка "валюта". Скажите, можно ли узнать, какая получается ссылка при нажатии на "валюта"? чтобы назначить вместо этой менюшки обычные ссылки, нажимая на которые я смогу менять валюту на сайте. Спасибо Правая кнопка мыши не помогает.

    Asked by ЮрийП,

    0 votes
    0 answers

  6. курсор влияет на ширину поля

    помогите пожалуйста полонстью скрыть поле поиска здесь после клика по иконке поиска происходит плавное разворачивание и сворачивание поля поиска. проблема в том, что в последей версии opera(для linux) поле поиска никогда не исчезает .вероятно, это происходит из-за ширины курсора, который находится в поле поиска

    Asked by cyklop77,

    0 votes
    4 answers

  7. Как убрать margin-bottom при наличии соседа

    Здравствуйте. Такая проблема - не понимаю, как сверстать такой макет: <div class="parent"> <div class="first">Lorem ipsum blah blah blah</div> <div class="second">Something</div></div><div class="parent"> <div class="first">Lorem ipsum blah blah blah</div></div>Задача: при наличии .second у .first должен исчезать margin-bottom. .second может не быть, при его отсутствии first должен корректно распирать родителя. Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/ Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?

    Asked by 7ion,

    0 votes
    2 answers

  8. Какие технологии применены?

    С помощью каких технологий можно сделать подобное интерактивное видео с элементами геймификации и как эти элементы называются (провести мышкой по точкам) (без связки с телефоном (для этого есть Pusher вроде))? http://www.kingsmanmovie.com/becomeakingsman/code Я так понял, этот сайт сделан с помощью backbone.js и underscore.js. Есть ли какие-то туториалы или решения для создания таких видео с геймификацией (взаимодействием)?

    Asked by alexchromets,

    0 votes
    3 answers

  9. Выровнять элементы в строке

    http://jsfiddle.net/ogb7kbLw/ <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title><STYLE>.button-master {border: 1px solid #000;padding: 2px; /* вопрос б *///float: left; /* вопрос в */} .button-slave {padding: 2px;background: #aaa;font-size: 13px;font-weight: bold;border: 1px dashed #fff;color: #fff;}.canvas {display: inline;} canvas {//position: absolute; /* вопрос г *///float: left;}</STYLE></head><body><HEADER></HEADER><SECTION><NAV></NAV><ARTICLE><span class="button-master"><span class="button-sla…

    Asked by BPOTHOCOK,

    0 votes
    0 answers

  10. position relative и занимаемое место

    при relative позиционировании элемент сдвигается но остается занимаемое им место. как проще всего убрать влияние этой "пустоты"? интересует корректировка по высоте

    Asked by https,

    0 votes
    3 answers

  11. Треугольники и border-radius

    Привет. Следует прямо скосить верхний левый угол. Додумался до этого https://jsfiddle.net/rk0fx9nt/16/ и подскажите, как всё убрать до скоса верхнего левого угла. Имеется на данный момент http://hostingkartinok.com/show-image.php?id=c65ace8bb01aace655861b6024e018cc Желаемый результат http://hostingkartinok.com/show-image.php?id=405493024542524d953026854bfec016 (правой кнопкой мыши - открыть в новой вкладке).

    Asked by Kek,

    0 votes
    2 answers

  12. Связать блоки

    Здравствуйте! Есть текст и картинка, у которых стоит прозрачность 50%, при наведении прозрачность 100% Как связать текст и картинку, чтобы при наведении одного из этих элементов, прозрачность менялась и у текста и у картинки? https://jsfiddle.net/19cwsr5j/

    Asked by Vans,

    0 votes
    1 answer

  13. Как разделить страницу на 2 части по вертикали?

    Как разделить html страницу на 2-е равных части в процентах по вертикали? И назначить им разные цвета? Например верхняя часть красная, а нижняя синяя.

    Asked by bulqa,

    0 votes
    2 answers

  14. Выравнивание текста и картинки-иконки

    Перейдите по ссылке, перейдите по пункту меню "Контакты", Как можно выравнять по одной линии текст ссылки и картинки? http://mbav-websites.xyz/

    Asked by Bava,

    0 votes
    1 answer

  15. Как подключить на сайте несколько разных версий jQuery?

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, kак подключить на одной странице несколько разных версий jQuery ?

    Asked by stan07,

    0 votes
    5 answers

  16. Вариант расположение меню не перекрывая слои

    Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…

    Asked by Mary_RND,

    0 votes
    4 answers

  17. Диагональные (или треугольные блоки)

    Можете подсказать примеры реализации таких блоков? При ховере картинка должна двигаться.

    Asked by fireman691,

    0 votes
    1 answer

  18. Как сделать правый бар с помощью bootstrap grid?

    Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть

    Asked by codemix,

    0 votes
    1 answer

  19. Как подключить "загрузить фото"?

    Коллеги, добрый день! Подскажите, пожалуйста, способ сделать такую штуку - чтобы при перетаскивании на рамку картинка загружалась, а при клике открывался диалог выбора файла. Нужно именно изображения грузить, не все подряд. Скриншот вот Может есть какие-то библиотеки на гитхабе под это? Что-то по запросам, по которым я гугулил, какая-то ерунда высыпается - видимо формулирую неправильно. Подскажите пожалуйста, что-то такое подозрение, что если я это сделаю с нуля то изобрету велосипед )

    Asked by MaxWall,

    0 votes
    3 answers

  20. Упс, высота блока и float изображения

    Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>

    Asked by iBars,

    0 votes
    2 answers

  21. Вертикальное выравнивание изображений

    Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left

    Asked by Temiks,

    0 votes
    2 answers

  22. Прозрачный цифры на фоне

    Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC

    Asked by greenastra,

    0 votes
    1 answer

  23. Не отображается шрифт

    В макете указан такой текст: Если навести на него в фотошопе то название у него "DecorC"Нашел этот шрифт в сети (хотя и с трудом), скачал файл в формате .otf, сгенерировал в форматы .eot, .ttf, .woff, .woff2 на сайте fontsquirrel.com Подключил как положено: @font-face { font-family: "Decorc"; src: url('../fonts/decorc_1-webfont.eot'); /* IE9 Compat Modes */ src: url('../fonts/decorc_1-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/decorc_1-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/decorc_1-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/decorc_1-webfont.ttf') format('truetyp…

    Asked by yaparoff,

    0 votes
    1 answer

  24. Вид полосы прокрутки страницы (требуется изменить)

    Достался сайтик в нагрузку, просили подшаманить, но уперся в измененныю полосу прокрутки самой страницы http://joxi.ru/v29kwwuGLQ1RrG на скрине она очень мелкая, черная такая полоска.... в стилях не нашел упоминание, отключение в Body - overflow: hidden; body { padding: 0; font-family: 'Open Sans', sans-serif; color: #25272B; overflow: hidden; -webkit-backface-visibility: hidden;}ничего не дает... подскажите где копать? ссылка на сайт - http://albero-gallery.ruполоса появляется при наведении мыши Заранее спасибо

    Asked by Sergant4x4,

    0 votes
    3 answers

  25. Checkbox,radiobox изменение по клику на label

    Задача: сделать кастомизированый checkbox и radiobox. Для наглядности я убрал все стили, которые отвечают за оформление. Проблема : по клику на label состояние чекбокса(радиобокса) не изменяется. Почему? https://jsfiddle.net/o3720fkn/

    Asked by WhatIsHTML,

    0 votes
    3 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept