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

29,542 questions in this forum

  1. Свойство float - обтекние фотогрфии списком FAQ

    Здравствуйте! Столкнулся с проблемой обтекния фотографии списком FAQ . Просьба к тем кто сталкивался с этой задачкой, — поделитьcя её решением. Пишите мнеВсем откликнушимся большое спасибо. С уважением, muravey.

    Asked by muravey,

    0 votes
    4 answers

  2. Свойство font и порядок свойств

    Начинаю вникать в процесс вёрстки. Возник вопрос про свойство font. В каком случае его можно использовать в качестве сокращённой записи нескольких свойств шрифта, а в каком нельзя? Хотел сократить запись, заменил в css-файле font-size: 1.25em; font-family: Arial; на font: 1.25em Arial; Оказалось, что это далеко не одно и то же. http://jsfiddle.net/Fmzxg/6/ Получается, все значения свойства font, если не указать их явно, сбрасываются к неким дефолтным значениям? Где можно посмотреть эти дефолтные значения? В справочнике неплохо было бы описать этот нюанс... Также из приведённого примера видно, что обязательно line-height нужно записывать только после font, чтобы это свой…

    Asked by LonerD,

    0 votes
    3 answers

  3. свойство height, IE и ширина блока..

    Приветствую, уважаемые! Не могли бы вы просвятить меня, неразумного, каким образом IE считает ширину ДИВа? И каким образом ширина у него зависит от высоты? почему в этом случае, если не указывать высоту, вс? отображается правильно: <div style="display:block; position:absolute; left:200px; top:400px; border:1px solid black; width:auto;"> <div style="display:block; line-height:15px; vertical-align:middle; width:auto;"> #111 </div> <div style="display:block; line-height:15px; vertical-align:middle; width:auto;"> #222 </div> </div> а в этом, строчки растягиваются: <div style="display:block; position:absolute; left:200px; top:200…

    Asked by institoris,

    0 votes
    7 answers

  4. свойство left в Opera (глюк)

    Прилагаю два скриншота всплытия tooltip при наведении на 9у. Во всех браузерах он всплывает с левой стороны, только в Opera всплывает справа. так в Опере: span прописан таким образом(сдвиг происходит через left: -430px;) : <div class="number" style="top: 65px; left: 775px;"> <a class="number" href="/market/universam">9у <span style="width: 400px; display: none; left: -430px;" class="tip"><img alt="" style="float: left; margin: 0 20px 15px 0;" src="/images/aivengo/universam.jpg">В нашем "Универсаме" для Вас широкий выбор продуктов питания, товаров первой необходимости.</span> </a> </div> class="tip": .tip { color: #000; backg…

    Asked by jenix,

    0 votes
    6 answers

  5. Свойство margin-top

    Согласно описанию: http://www.htmlbook.ru/css/margin.html Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента Собственно вопрос: почему в примере ниже красный блок отступает не от родительского элемента (блок content), а от header? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="title" content="" /> <m…

    Asked by artylion,

    0 votes
    20 answers

  6. свойство Opacity и его поведение

    Я использую блок контента (1), родительский элемент (2) которого имеет прозрачность 0,5 (выступает в роли заднего фона через который видны другие элементы страницы). Прозрачность с родителя(2) распространяется на контейнер (1). Подскажите пожалуйста, как сделать чтобы родительский элемент был прозрачным, а контейнер - непрозрачным? (Даже если указываю для (1) opacity:1 ничего не меняется)

    Asked by Victor,

    0 votes
    8 answers

  7. свойство opasity

    Проблема в следующем: Если задать opacity для ячейки, то прозрачным становится все содержимое ячейки. Сужествует ли возможность сделать прозрачным фон, но при этом оставить шрифт не прозрачным? (это частный случай, не понимайте буквально, я знаю что прозрачный фон это отсутствие оного)

    Asked by SibBear,

    0 votes
    4 answers

  8. Свойство overflow

    Если закомментировать свойство overflow: hidden; в главном меню, то в браузере Firefox 21.0 основная часть с сайдбаром слетает вправо, в остальных браузерах в норме. Почему это происходит? Не могу разобраться. http://prodpak.ru

    Asked by Delat,

    0 votes
    9 answers

  9. Свойство Text decoration для поля

    Доброго времени суток! Хочу задать вопрос к специалистам CSS Вот страничка http://nablago.com.ua/content/co-enzyme-q10 Там написано: Старая цена: 360,00 (Все зачеркнуто) А нужно, чтобы была зачеркнута только цифра 360,00 Как это сделать? В CSS прописано . field-field-oldtzena { text-decoration: line-through; color: green; } .field-field-oldtzena .field-label-inline-first { text-decoration: none; color: red; } Как видите цвета отображаются нормально, а свойство text-decoration: none почему то не хочет становится как надо.

    Asked by VasyOK{!},

    0 votes
    31 answers

  10. Свойство transform не работает в Опере

    Доброго вечера! Друзья! Пожалуйста подскажите что делать, если стилевое свойство transform не работает в Опере. Вот по этой ссылке есть баннер. Там надо открыть второй слайд этого баннера. И наверху есть человечек с конвертом. Вот к этой картинке применено свойство transform, которое работает в Мозилле и в Хроме, но не в Опере. Пытался туда вписать специально для Оперы -o-transform, но что-то не работает....

    Asked by rafaello9,

    0 votes
    5 answers

  11. Свойство transform: rotate() для адаптивной верстки

    Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> &l…

    Asked by Libiros,

    0 votes
    8 answers

  12. Свойство transition в CSS3

    Разъясните, пожалуйста, почему не проходит валидацию свойство transition? Спецификация есть, а валидатор выдает ошибку: Я сейчас не говорю про вендоры для разных браузеров. Они, понятное дело, невалидны. Но даже в чистом виде не проходит...

    Asked by Владимир Н,

    0 votes
    1 answer

  13. свойство visibility для тега col не работает?

    http://jsfiddle.net/XYwFE/ По задумке ячейки с классом "hide" должны быть полностью скрыты, но скрыт только контент. Более того, если сделать так вообще глупость получается. Почему так?

    Asked by stalker_2000,

    0 votes
    2 answers

  14. Свойство и проблемы в IE

    Всех с прошетшим Новым Годом. У меня есть вопрос по Css коду.Что означает * *zoom:1; *display:inline; И у меня есть две ошибки в IE (скрин с хрома) 1) В Ie 8 когда открываеш блок ,а потом закрываеш отступи появляються после того как наведеш мышкой на елемент http://s2.itrash.ru/idb/c614ff145edb562512...zymyannyj_1.png .blockl { position:relative; margin-bottom: 10px; } .bltop{ background: url('../image/bltop.jpg') repeat-x; position:relative; height: 26px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; behavior: url(css/PIE.htc); } .bltop h3 { padding: 5px 12px; font-size: 14px; font-weight: normal; co…

    Asked by Mr.Black,

    0 votes
    4 answers

  15. Сворачиваем удочки!

    Что вы думайте о новом приложений Photoshop CC Export Kit? Мне кажется что это конец!

    Asked by TuTaHuKk,

    0 votes
    11 answers

  16. Сворачивание меню в Bootstrap

    Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…

    Asked by Тёмик,

    0 votes
    0 answers

  17. Сворачивание меню при нажатии на ссылку

    Здравствуйте. Есть меню на html/css. Сделал ссылки для навигации с помощью якоря, но при нажатии на ссылку, меню не закрывается, так как для этого необходимо снять флажок с checkbox. Подумывал сделать из label ссылку, меню закрывается, текст оформлен как ссылка, но по ней не переходит. В общем, подскажите, пожалуйста, как сделать, чтобы я нажал на ссылку, попал на нужную часть сайта и меню закрылось без дополнительных действий https://jsfiddle.net/v8rwhuo0/1/ В дополнение: конечно же, хотелось бы то же самое провернуть с затемнением (чтобы меню закрывалось, если я кликну в любое место темной зоны) — class="mask-content" Заранее спасибо 🙂

    Asked by maisiq,

    0 votes
    2 answers

  18. Своя страница ошибки 404 для Ucoz

    Здравствуйте, подскажите пожалуйста, вот создал сайт в системе Ucoz но не с помощью ихнего конструктора, а свой статичный. Хотелось бы подкрепить к сайту ошибку 404, но попробовав создать саму страницу с таким простеньким кодом: <!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> </head> <body> Ошибка Петя! </body> </html> поместив её в корень сайта назвав 404.html и затем там же в корне сайта создал файл .htaccess внутри прописал ErrorDocument 404 /404.html но что то не работает, возможно я чего то не учел. Подскажите пожалуйста решение к данной проблеме.

    Asked by КСС,

    0 votes
    2 answers

  19. Связанные поля jQuery Validation Plugin

    Есть некая форма которая валидируется при помощи этого плагина https://github.com/jzaefferer/jquery-validation В ней есть два поля email и телефон. Важно уточнение поле телефон вводится по маске и имеет тип "tel". Нужно сделать так, чтоб если набрано одно из них, то второе становилось необязательным для валидации (required: false), а это набранное поле валидировалось согласно своим правилам. Сама форма вот https://jsfiddle.net/1h34vy1r/

    Asked by Shiza,

    0 votes
    5 answers

  20. Связанные селекторы

    Продскажите, пожалуйста, есть ли возможность менять стиль тэга в зависимости от параметра радиокнопки checked? Т.е. если она checked, то использовать <div class="css11"></div> //например синий цвет А если не checked то <div class="css12"></div> //красный фон Либо разный background-color класса css11 в зависимости от checked

    Asked by ins,

    0 votes
    5 answers

  21. Связанные списки для формы отправки

    Здравствуйте, уважаемые форумчане. Слома уже всю голову с правильной организацией связанных списков на сайте. Необходимо сделать два связанных списка марка и модель, которые при нажатии на кнопку отправляются вместе со всеми остальными данными формы на почту. связанные списки я делал с помощью Simple AJAX Code-Kit, где не надо создавать базу данных марки и модели, а все это хранится в отдельном файлике. Но вот проблема ajax вообще не хочет дружить с jquery.selectbox. И при его подключении не работает второй список. Отсюда и вопрос: можно ли как то обойти эту проблему? Или же может быть есть еще какой то простой способ подключения связанных списков?

    Asked by alpiezjoe,

    0 votes
    0 answers

  22. Связанные ссылки.

    Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)

    Asked by lukovoy,

    0 votes
    17 answers

  23. связать backgroundы в таблице

    Такая вот таблица: <tr> <td background="1.gif" rowspan=2 height="30" width="30"></td> </tr> <tr> <td bgcolor="#fafafa" height="10" width="100%"> <td background="2.gif" colspan="2" height="20" width="100%"> </tr> <tr> <td background="3.gif" height="10" width="15"> </tr> бэкграунд 1.gif сливаеться с 2.gif. 2.gif повторяеться по ширине как сделать, чтобы 3.gif сливалось с 2.gif Т.е. как сделать, чтобы бэкграунд начинался не с 1пикселя изображения, а с пикселя X.

    Asked by Chebas,

    0 votes
    3 answers

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

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

    Asked by Vans,

    0 votes
    1 answer

  25. Связка дыух блоков - div и span псевдоклассом hover

    Здравствуйте! Есть код типа: HTML: <div class="class_1"> <span></span></div>CSS: .class_1 {display: block;width: 40px;height: 40px;background-color: #2b2b2b;}.class_1:hover {background-color: #000000;cursor: pointer;}.class_1 span {display: block;width: 20px;height: 20px;float: right;margin-top: 10px;margin-bottom: 10px;background-color: #aaaaaa;}.class_1 span:hover {background-color: #ffffff;cursor: pointer;}Для наглядности http://jsfiddle.net/3bbb980k/ Как можно сделать, чтобы при наведении на родительский div выполнялся свой hover и у div, и у дочернего span?

    Asked by Torawhite,

    0 votes
    8 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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