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. Прошу помощи по установке слайдера.

    Доброго дня, хочу попросить помощи у знающих людей, не могу установить слайдер, если вам конечно не тяжено. Вот этот слайдер http://www.htmldrive...jQuery-and-CSS3. Если хотите помочь просто напишите свой скайп, там поговорим. Я даже могу деньгами отблагодарить! Ребята, очень нужно

    Asked by Maddog,

    0 votes
    5 answers

  2. Растянуть блок на всю ширину контейнера

    Всем привет! Есть два блока: 1. контейнер 2. блок внутри контейнера Возможно ли растянуть блок внутри контейнера на всю ширину контейнера с помощью css не зная при этом ширины контейнера? http://learn.javascript.ru/play/ACLeKb Спасибо.

    Asked by nerv,

    0 votes
    12 answers

  3. необходимо убрать поле select (subject), подскажите пожалуйста как

    Здравствуйте! Создал форму обратной связи, вот что получилось - Я хотел бы убрать (поставить по умолчанию свою тему письма, например Test) поле select в моем случае это тема письма (subject) для увеличения поля textarea Форма состоит из скриптов на проверку полей и на отправку сообщения Здесь прилагаю саму форму - скачать Нужно что-то изменить в этих папках, и соответственно в index.html formit\assets\php\ formit\assets\xml\ Буду безумно благодарен за помощь! PS Кстати, я специально убрал капчу, просмотрев перд этим кучу западных сервисов, у которых её нет

    Asked by jazzic,

    0 votes
    2 answers

  4. проблемы с валидацией css в адаптивной верстке.

    Имеются встроенные в основной css файл media queries: @media screen and (min-width:200px) and (max-width:1024px) @media screen and (min-width:200px) and (max-width:980px) @media screen and (min-width:200px) and (max-width:768px) @media screen and (min-width:200px) and (max-width:600px) @media screen and (min-width:200px) and (max-width:480px) При валидации сss нет ни одной ошибки!Кроме этих двух: 1.Ошибка разбора @media screen and (min-width:200px) and (max-width:875px) { #header{ font-size:10pt; } .gallery{ position:absolute; top:120px; right:70px; } } 2.Ошибка разбора @media screen and (min-width:200px) and (max-width:620px){ #navig ul{ margin:0; } ul.nav li{ float:…

    Asked by eleonore,

    0 votes
    8 answers

  5. псевдоклассы

    Почему при наведении мышкой на ссылку, она не красится в красный цвет? <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> body{ backgound-color:#ffffff; } a{ font-family:arial, verdana, sans-serif; font-size:12px; font-weight:bold; } a:link{ color:#0000ff; text-decoration:none; } a:visited{ color:#333399; text-decoration:none; } a:active{ color:#0033ff; text-decoration:underline; } a:hover{ backgound-color:#ff0000; text-decoration:underline; } </style> </head> <body> <h1>Стили ссылок</h1> <p>В примере содержится несколько ссылок, с которыми в…

    Asked by DivMan,

    0 votes
    2 answers

  6. помогите,пожалуйста с добавлением видео!

    Вот html: <video id="video1" width="270" height="205" controls> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.mp4"><!-- опускаем type для android--> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="video/D8D812BA_5056_A318_A81496B1E1D048C6(1).ogv" type='video/ogg; codecs="theora, vorbis"'> </video> Вот css: #video1 { border:4px solid #FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } google отображает во так: панель управления,вместе с видео куда-то съехала! в IE 9 не отображаются элементы управления видео.Только плей по середи…

    Asked by eleonore,

    0 votes
    4 answers

  7. Как выровнить элемент в таблице по правому краю

    Элементом является флаг страны, хочу выровнять по правому краю ячейки таблицы, но почему-то это не получается сделать. Подскажите, в чем может быть дело? Может быть посоветуете какой-нибудь другой способ компоновки для ссылок с флажками, не такой массивный. http://prodpak.ru

    Asked by Delat,

    0 votes
    2 answers

  8. Никак не могу убрать отступ сверху сайта

    Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …

    Asked by demonuga,

    0 votes
    9 answers

  9. Меню со скошенными углами

    Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно

    Asked by Imperil,

    0 votes
    4 answers

  10. Не получается темизировать переводчик от Гугл

    Я установил на сайт http://monreall.net/ переводчик от гугл. Мне нужно, чтобы цвет шрифт и граница формы были серыми, а именно: border-bottom: 1px solid #D7D7D7; font-size: 11px; color:#7D7D7D Но у меня не получается прописать свойства в CSS. Переводчик не хочет темизироваться. Мне удалось только выровнить блок. .top_banner { margin-left:30px; margin-top: -11px; } А как сделать цвет шрифта и границу формы серыми? Подскажите, пожалуйста, с кодом.

    Asked by slaip,

    0 votes
    2 answers

  11. Как сделать верстку кроссбраузерной

    Сверстал свой первый макет и при проверки на кроссбраузерность в safare и chrome поплыли некоторые элементы, скажите, что именно исправить и почему так выходит? Вот как выглядит нормально в опере: А вот в сафаре: Скидываю эти участки кода. html: <div id="topmenu"> <ul id="navigation"> <li><a href="#" class="select">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li></ul> <div id="rss"><img src="img/rss.jpg" alt="rss блога" class=…

    Asked by NightHawk,

    0 votes
    2 answers

  12. Не растягивается div

    Доброго времени суток. Прошу помочь с div'ом. Не растягивается (при масштабировании начинает повторяться). Ссылка. Сколько танцев с бубном вокруг width: 100%, position и т.д. не было, не помогает. Прошу помочь.

    Asked by cs-monitorer,

    0 votes
    2 answers

  13. Div в две колонки

    Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.

    Asked by Vamp,

    0 votes
    4 answers

  14. Что за параметр VA в Photoshop

    Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?

    Asked by aaron,

    0 votes
    1 answer

  15. [css] Вывод по верх всего содержимого

    Имеется стиль под всплывающее окно: Проблема: фон и текст этого окна заходит за изображения бокового меню. Вопрос: как изменить код что-бы приоритет был выше остальных изображений?

    Asked by jontsk,

    0 votes
    6 answers

  16. div с фиксированной высотой внутри ячейки

    Пытаюсь создать таблицу, в которой высота ячейки фиксированная вне зависимости от контента, Для достижения эффекта заворачиваю внутри каждой ячейки div с фиксированной высотой. По идее все что внутри дива должно обрезаться, и на высоту ячейки никак не влиять, и тем не менее почему-то высота ячейки меняется в зависимости от контента внутри дива. Проверял в IE FF и Chrome. Нигде не могу найти обьяснения почему так происходит. <tr style="display: table-row;"> <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;"> <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; ma…

    Asked by graf,

    0 votes
    3 answers

  17. Не изменяется высота строки

    Если у элемента <a> указать размер шрифта 14px, то line-height перестает изменятся при ввода значений, меньших размера шрифта. HTML: <ul class="someClass"> <li> <a href="#">SometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometex </li> </ul> CSS: .someClass li a { font-size: 14px; line-height: 4px; } Подскажите, пожалуйста, по какой причине не изменяется высота строки?

    Asked by TorchTT,

    0 votes
    2 answers

  18. windows 8: html/js + базы данных

    Интересует можно ли подключить в html/js приложении windows8 базу данных. База хранится на пользовательской машине. Хоть что-то хотелось бы прочитать про это.

    Asked by Slyfox,

    0 votes
    0 answers

  19. Разместить таблицу по центру body

    Подскажите пожалуйста, как разместить таблицу шириной 300 px и высотой 100 px в центре страницы? Причем разместить необходимо как по вертикали, так и по горизонтали страницы.

    Asked by Alex_Dark74,

    0 votes
    2 answers

  20. условные комментарии в адаптивной вёрстке

    кто-нибудь использовал условные комментарии в адаптивной вёрстке? имхо они просто не работают. к примеру есть код <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/styles_basic.css" media="all"> <link rel="stylesheet" href="css/styles_480.css" media="only all and (max-width : 768px) and (min-width : 480px)"> <link rel="stylesheet" href="css/styles_768.css" media="only all and (min-width : 768px)"> <!--[if IE]> <link rel="stylesheet" href="css/ie.css" media="all"> <link rel="stylesheet" href="css/ie_768.css" media="only all and (min-width : 768px)"> <![endif]--> в ie9 правила из файла css/ie_768.…

    Asked by cyklop77,

    0 votes
    5 answers

  21. Как обработать событие изменения размера textarea

    Имеем input, под ним textarea(с возможностью изменения размера) надо чтобы при изменении размера textarea менялся размер input т.к. у textarea нет события onresize надо полагать это возможно с помощью handleEvent но почему-то не получается у меня его обработать и самому input как задать ширину? делаю так: textarea = document.getElementById('text_area'); inputarea = document.getElementById('absender'); document.kontaktformular.absender.value="Width: "+inputarea.offsetWidth; /* выводится корректное значение */ inputarea.offsetWidth=textarea.offsetWidth; /* а новое не присваивается /*

    Asked by EDIsaev,

    0 votes
    9 answers

  22. Широкий сайт.

    Друзья - разработчики. Объясните мне пожалуйста причину, по которой на мониторах с небольшим разрешением сайт выглядит очень широким с возможностью прокрутки вбок? http://www.artsavina.ru

    Asked by ArgonXPrime,

    0 votes
    3 answers

  23. Less на клиенте не работает

    У меня less версии 1.3.3 не работает на клиенте.Что не так?У вас работает?

    Asked by max2012,

    0 votes
    7 answers

  24. Знает ли кто-нибудь хорошие учебники именно по вёрстке?

    Здравствуйте. Знает ли кто-нибудь хорошие учебники именно по вёрстке? С чего можно начинать? С html и css я уже знаком не много.. Хотелось бы пробовать что-то верстать наконец то.

    Asked by napstyle,

    0 votes
    4 answers

  25. Вертикальная отцентровка текста

    При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>

    Asked by aquapasha,

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