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. Резиновый макет в три колонки

    Здравствуйте реально ли создать такой макет в три колонки (блочная вёрстка). В котором ширина первой и второй колонки будут фиксированые а третья колонка будет растягиваться на всю оставшуюся ширину экрана. высота будет растягиваться относительно самой высокой колонки. Фон у всех разный, причём первым двум колонкам он задаётся рисунками, так что вариант с бордерами не подходит. Заранее спасибо!

    Asked by AntonSolo,

    0 votes
    19 answers

  2. Радиус скругления в Photoshop

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

    Asked by aaron,

    0 votes
    2 answers

  3. Оформление меню

    Ребята, плиз, подскажите кусок кода такого вертикально-выпадающего меню, И ещ? как можно офрмить с помощью css эти точки под текстом?

    Asked by okunev2,

    0 votes
    10 answers

  4. Рисунки и Select

    Задача простая но что то как то не пойму как сделать. Например имеется <select name="sel" onchange="selimage"> <option value="1">Рисунок_1</option> <option value="2">Рисунок_2</option> </select> нужно чтобы при выборе 1, рядом с селектом отобразился рисунок, при выборе 2, другой рисунок не пойму как сформировать массив

    Asked by slavok47,

    0 votes
    21 answers

  5. Кроссбраузерность mask и clip-path

    Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка

    Asked by Schamil74,

    0 votes
    3 answers

  6. Верстка слайдера carousel/swiper

    Добрый день. Есть необходимость свертсать слайдер на главной странице: 1) пролистывание на 1 страницу осуществляется по наведению мыши на текущий слайд т.е. 1 наведение 1 слайд; 2) пролистывания с эффектом fade (один тухнет другой появляется) Все остальное время слайдер стоит просто. Попробовал написать использую bootstrap4 carousel, но столкнулся с тем что я не знаю как сделать эффект fade на нем, а если и получалось то текущий слайд резко исчезает, а новый появляется медленно и еще почему то при наведении на последний слайд курсора пролистывание идет через первый слайд (он показывается, но только на короткий промежуток времени) на jsfiddle код работа…

    Asked by AShukilovich,

    0 votes
    2 answers

  7. Выравнивание блока и input

    <!DOCTYPE html> <html> <head> <title>Добавление адресата</title> <style type="text/css"> body { font-family: "arial", sans-serif; font-size: 12px; font-size-adjust: none; font-style: normal; font-variant: normal; font-weight: 400; line-height: 110%; color: #333333; } .side1 { margin: 0pt 2% 0pt 0pt; padding: 0px 0pt 0pt; width: 65%; overflow: hidden; min-width: 550px; } .big_input { width: 99%; } select.big_select { width: 85%; /*min-width: 350px;*/ max-width: 715px; } .dark_grey { margin: 0pt; padding: 1pt 15px 7px; background: rgb(228, 228, 228) none repeat scroll 0% 50%; } .big_textare { margin: 0; display: block; width: 99%; cli…

    Asked by apv1989,

    0 votes
    6 answers

  8. относительно <col>

    1) скажите, пжл, почему параметры align, valign данного тега в html 4.01 & xhtml 1.0, 1.1 strict не понимают многие браузеры, кроме оперы (ие 8, фф 3, опера 9.61, сафари 3.1, гугл хром 2 финал), но код с участием данных параметров считается валидным? 2) добавил стиль в пример из справочника, но из всех свойств класса применяется к 3-й ячейке только background-color (update) и width. хде ошибка? что за фигня? <!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=windows-1251"> <title>Тег COL, параметр valign</title> …

    Asked by xhtml,

    0 votes
    13 answers

  9. Обтекание блоков - как выровнять высоту блока-контейнера?

    Всем здравствуйте. Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test2</title> <style> div, h1, h2, h3, p { padding: 0; margin: 0; } h1, h2, h3 { padding-top: 9px; padding-bottom: 3px; } #container { width: 980px; margin: 0 auto; border: 1px solid #f00; background: #ccf; } </style> </head> <body> <div id="container"> <div style="border: 1px solid #000;"> <div style="width: 500px; float: left; border: 1px solid #000;"> Главная<br>О компании<br>Услуги </div> <div sty…

    Asked by samorealization,

    0 votes
    6 answers

  10. раcширение фаилов - html и htm

    ДОБРЫЙ ДЕНЬ, столкнулся с таким явлением делал свой сайт и вдруг заметил что большенство страниц поменяли расширение с HTML на HTM, подскажите чем они отличаются друг от друга и не будет ли каких конфликтов с разными версиями браузеров. Спасибо.:/

    Asked by evgen64,

    0 votes
    4 answers

  11. Фреймы или ?!

    Ребят подскажите в двух словах с помощью каких инструментов можно изящно реализовать следующее: Нужна область на странице разделённая на несколько частей. Предположительно на 2, первая часть это навигация (хаотичная текст и ссылки), а вторая динамическая в которой появляется контент в зависимость от ссылки... Типа тега <select> но ... другой или же это фреймы уже получаются... Может быть идея реализации неверная в корне поэтому я скажу для чего оно надо Хочу на сайте сделать страницу радио слушать. Радиостанций много (хочу штук 10-15) + у многих качество трансляции от 32 до 320 итого ссылок на загрузку плеера будет штук 40-50. В идеале хотелось бы при нажатии на как…

    Asked by ShumNo,

    0 votes
    27 answers

  12. Google chrome min-height , height:auto не робит!

    #container { width:900px; height:auto !important; height:100%; min-height:100%; background-color:white; margin: 5px auto 0; } <div id="container"> [indent]<div id="header"></div> <div id="leftmenu"> <div id="logo"></div> <ul> <li><a href="index.php">Главная</a></li> <li><a href="index.php?p=articles">Статьи</a></li> <li><a href="index.php?p=about">Обо мне</a></li> <li><a href="index.php?p=feedback">Обратная связь</a></li> </ul> </div> <div id="content">много текста</div>[/indent] &l…

    Asked by danial72,

    0 votes
    5 answers

  13. CSS или jquery

    Что же css или jquery код? Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .

    Asked by penchukov,

    0 votes
    22 answers

  14. Сдвигаются элементы списка при наведении

    http://web-diva.ru/Verstka/Stroit_Kaluga/ Слева менюшка, в ИЕ7 при наведении ссылка меню сдвигается, образуется зазор и вообще "прыгает" весь список, кроме первого и псоледнего элементов. Помогите разобраться, что за глюк?

    Asked by YanaSt,

    0 votes
    11 answers

  15. Gif анимация и курсор

    Всем привет! Ситуация такая. Есть код (из урока), благодаря которому при наведении мышью на картинку, она появляется сбоку увеличенная и при этом анимированная на пару секунд. Если курсор убрать с картинки, то анимацмия вынужденно преращается, так как gif, собственно, исчезает =) Может ли кто нибудь помочь подправить код, чтобы после отвода мышы гифка проигрывалась до конца, а уж потом изчезала? Заранее благодарю! <STYLE type=text/css> .bar A { DISPLAY: inline } .bar A SPAN { DISPLAY: none } .bar A:hover SPAN { DISPLAY: inline; right: 30px; POSITION: absolute } .bar A:hover { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #f90…

    Asked by Jex,

    0 votes
    2 answers

  16. Как сверстать стрелку на CSS

    Здравствуйте! Помогите с решением. Подскажите, можно ли сверстать стрелку на псевдоэлементе? https://prnt.sc/gb74sc https://prnt.sc/gb7kos

    Asked by Goodman-77,

    0 votes
    6 answers

  17. заблокирован из-за несоответствия типа MIME

    https://proverka1.000webhostapp.com/ На пк сайт отлично работает, а на сервере не запускает css файлы : wp-content/plugins/fullpage172/fullpage/nav/section/filled-circles.css@ver=2.9.2 ; Перерыл весь интернет и не нашел ответа.Помогите )

    Asked by Sergey2510,

    0 votes
    3 answers

  18. Научите делать дивы фиксированных размеров.

    Есть див, описанный в css следующим образом: div { position: absolute; left: 20px; top: 20px; width: 100px; height: 100px; } Вокруг этого дива идут другие блоки. Мне нужно чтобы независимо от количества контента в этом диве он был фиксированных размеров, т.е. не растягивался ни в ширину, ни в длину. Как такое сделать? Научите!

    Asked by Semreg,

    0 votes
    21 answers

  19. Как "такое" сделать в div`ах

    Здравствуйте форумчане и форумчанке. Возникла проблема при верстке в дивах, необходимо сделать следующие: Вся проблема заключается в том что не знаю как сделать такое без абсолютного позиционирования. (и конечно без таблиц) Как видно из рисунка, это пост на форуме, который будет повторятся. Если делать в абсолютном позиционировании, то каждое новое сообщение будет наслаиваться на предыдущие. В итоге 10 сообщений выглядит как одно. + всё должно тянутся, за исключением фиолет. и зелен.полей. Поле с аватором (фиолет) должно тянуться только по высоте (height), а поле с логином (зелен) только по ширине (width). Заранее спасибо.

    Asked by dedmene,

    0 votes
    16 answers

  20. browsersync.io работает только с html страницей

    Что есть: - локальный сервер (OpenServer) - на локальном сервере сайт "php-site" - установлен чистый browsersync без grunt и прочего запускаю brosersync: browser-sync start --proxy "php-site" --file "*"в браузере открывается мой сайт с адресом http://localhost:3000 Автообновление работает только с html файлами, если сервер к примеру отдает script.php или style.css browsersync перестает обновлять страницу при изменении файлов. Как заставить работать автообновление brosersync с php?

    Asked by ori,

    0 votes
    3 answers

  21. Как оформить границы таблицы с помощью CSS

    Подскажите примерчик кода CSS, пожайлуста! Есть таблица, состоящая из одного столбца и двух строчек, собственно в вверхней ячейке картинка, а в нижней черные границы таблицы. Как мне сделать так, чтобы у второй ячейки верхняя граница неотображалась, а границы слева и справа и снизу оформить цветом и толщиной линии?

    Asked by okunev2,

    0 votes
    5 answers

  22. Как запретить горизонтальную прокрутку?

    Как запретить горизонтальную прокрутку?

    Asked by alkapone,

    0 votes
    4 answers

  23. mm_menu

    Извините, если вопрос создан не в том разделе. Проблема собственно говоря не сложная, но при моём уровне владения кодом - достаточно неприятная. Имеется два меню, приведённые ниже. Строки, выделенные красным цветом, необходимо поменять местами со строками выделенными синим цветом. При простом копипасте меню просто отказывается работать. В одной из статей указали, что обрабатывать такие скрипты необходимо дримвьювером, т.к. он автоматически обновляет файл mm_menu.js, но изменяя эти строки вьювером меню всё равно отказывается работать. function mmLoadMenus() { if (window.mm_menu_0912121823_0) return; window.mm_menu_0912121823_0 = new Menu("root",417,20,"Verdana, Arial, …

    Asked by Cyanide,

    0 votes
    18 answers

  24. Прозрачность png в ИЕ6 и repeat-y Что за глюк непонятный?

    Помогите, если кто видит или знает ответ. Есть картинка в формате пнг, в опере и лисе нормуль, вот ие6 его отображает как то странно, нужно, чтобы картинка тянулась по вертикали, вот рипит х работает как нужно, а рипит у нет... вот код: #cent_main { background:url(images/cent_main.png) repeat-x; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cent_main.png', sizingMethod='scale'); } и хтмл <td id="cent_main"> </td> Вот тут показывается картинка как нужно, все тянется. Вот код, который как раз и вызывает у меня недоумение, если кто может, посмотрите у себя его. кртинка прилагается. ксс .delit { background:url(images/…

    Asked by BRK,

    0 votes
    9 answers

  25. Картинка для меню

    Здраствуйте, у меня появились трудности с добавлением дизайна для существующего меню. Есть меню которое выводится динамически с помощью php-скрипта. Также есть рамка для этого меню. Использовать рамку как бекграунд, не желательно потому как меню состоит их блоков ссылок и у всех блоков разные параметры высоты и ширины, прид?тся для каждой картинки делать отдельный фон (а если в меню будут добавляться разделы? %)) т.е. морока полная. Самый логичный для меня вариант, это построение рамки динамически (разбив рамку на верх, низ и боковую рамку дублирующуюся в зависимости от размера дива, в котором расположено меню ). Но это получается тогда новый див с картинками и как его на…

    Asked by Tairon,

    0 votes
    8 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