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. Тег <time> распознает ли дату, если слэши вместо тире?

    Такой вопрос, если написать тег time с правильным форматом даты внутри, то все ок. <time>1957-10-04</time> Воспримется ли как дата <time>1957/10/04</time> или надо уже добавлять datetime? Да и для кого это? Прежде всего для поисковиков? Думаю они должны распознавать разные форматы даты и времени - что слеш, что тире внутри тега. Иль как?)

    Asked by Zverushka,

    0 votes
    0 answers

  2. Прыгают / перескакивают ячейки

    Помогите устранить проблему при верстке вертикального меню на основе таблицы. Прыгают / перескакивают ячейки подпунктов. Т.е. при просмотре в браузере подпункты не соответсвуют тем ячейкам в которых расположены. Подскажите возможные варианты решения! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Меню из таблицы</title> <style type="text/css"> .таблица {font-family:Tahoma,Geneva,sans-serif;font-size:11px;color:#FFF;} .none {disp…

    Asked by Tord002,

    0 votes
    2 answers

  3. Div: обязательно все элементы в него "оборачивать"?

    Недавно осваивать html взялся. В небольшом количестве примеров, которые видел, чекбоксы, кнопки "оборачивают" в div. Это обязательно? Если да, то что будет, если этого не делать или где-нибудь пропустить элемент? В html5 видел учебный пример, там сам текст "оборачивают" в section и article.

    Asked by ручник,

    0 votes
    6 answers

  4. Как правильно вставить htm файл с анимацией вместо flash?

    Доброе время суток! Не секрет, что flash уходит из Интернета, на планшетниках он уже не виден. Я воспользовался сервисом от Google https://www.google.com/doubleclick/studio/swiffy/ для конвертирования моих swf файлов в htm файл с анимацией (html5). Как правильно вставить полученный htm файл с анимацией, например в php файл?

    Asked by alexander70,

    0 votes
    0 answers

  5. Как обрезать год?

    Код для валидации даты var day = parseInt(R.substring(0, 2), 10) ; var month = parseInt(R.substring(2, 4), 10); var year = 2000 + parseInt(R.substring(4, 6), 10); var tmpDate = new Date(year, month-1 /* нумерация с 0 */ , day), newYear = tmpDate.getFullYear(), newMonth = (tmpDate.getMonth()+1), newDate = tmpDate.getDate(); if (newMonth < 10) newMonth = "0" + newMonth; if (newDate < 10) newDate = "0" + newDate; var zzz = ' ' + newDate + newMonth + newYear + R.substring(6, R.length); как сделать, чтобы год выводился в формате YY?

    Asked by Самая сладкая,

    0 votes
    1 answer

  6. Списки определений Dl dd dt

    Перерыла много инфы по этим спискам, но она минимальна. На одном сайте наткнулась о проблемах отображения в опере, что ссылка в DD некликабельна и прочее. В общем гемморой. Хотела глянуть на яндексе как реализовано, но внезапно обнаружила новую 12ю версию яндекса, где их уже не было . У меня на сайте есть 4 блока, все они Featured Services. Представляет из себя картинаку слева, заголовок (термин) и внизу краткое описание - по сути определение. Только вот, чтобы сделать такой блок, мне надо запихнуть внутрь DL лишние дивы, сделать ссылки... А можно ли? Ответа на w3.org я не нашла... Получается, если использовать списки я получу следующий код: <dl class="featured_servi…

    Asked by Zverushka,

    0 votes
    5 answers

  7. Ветки дерева

    Добрый день. Подскажите, есть ли какое то "правильное" решение, чтобы сделать такое? Если делать блоки одинаковых размеров, как длину и высоту, то все хорошо. Но интересует именно резиновость по высоте. Линии я делаю через :after :before В случае горизонтальной, это border, а вот у вертикальной картинка стоит, хотя тоже можно через border. Кстати тоже не откажусь от "правильного" решения, как организовать линии. Смотрел много решений, но зачастую все используют картинки, ну и размеры там везде четко определены. Может кто видел решения? Или подсказать есть чем.

    Asked by npofopr,

    0 votes
    1 answer

  8. Javascript date

    Есть дата (строковая переменная) 20130401 как уменьшить строку на день, чтобы было 20130331, а не 20130400? Вычесть единицу не катит var day = (((r.substring(0, 2)) * 1) - 1; var month = (r.substring(2, 4)) * 1; var year = (r.substring(4, 6)) * 1;

    Asked by Самая сладкая,

    0 votes
    15 answers

  9. Добавление нового элемента (картинку в блоке) в категорию Новости.

    Добрый день всем! Вот на сайте: http://online.anidub.com/ на новостях (где картинка постер) есть ещё одна маленькая картинка зелёного цвета. Хочу сделать точно так же и у себя. Я скопировал стили и блок div. Разместил у себя на сайте: http://warcraft3cheats.ru/garena-hack/ только она появляется когда уже заходят в полную новость а мне как рас то нужно наоборот сделать. Код разместил в файле Фулстори.tpl А самое главное нужно сделать: 1. Чтоб картинка размещалась не на всех новостях а на определённых. 2. Ну и чтоб она была только в краткой новости, а в полной исчезала. Вот разметка: <div class="sitk_img"> <img src="{THEME}/images/ok.png" alt="Актуально"> </d…

    Asked by Dallas,

    0 votes
    3 answers

  10. Отображение текста на странице в мобильных устройствах

    Есть страница, сверстанная на дивах, с позиционированием и четкими размерами. Допустим есть некий блок для контента, который находиться по середине, в нем есть текст. Сайт проходит валидацию и адекватно отображается во всех браузерах, но есть одно НО: При открытии его страниц с текстом на мобильных устройствах (к примеру на смартфоне), все кроме текста остается неизменным, а текст непонятным образом сжимается. Сжимается не сильно, но из-за чего это происходит не пойму. Аналогичная страница с массивом галереи в место текста, отображается нормально, верхние меню отображаются нормально. Ездит только текст. В чем может быть подводный камень? Сталкиваюсь с этим на многих сайт…

    Asked by cmndr_alexgreen,

    0 votes
    5 answers

  11. Навигация по странице

    Подскажите пожалуйста возможно ли средствами CSS показывать скрытые блоки? Если их скрыть например display:none; <!-- <nav> <ul> <li><a href="#rasp">Расписание уроков</a></li> При наведении показывать div name="rasp" <li><a href="#zam">Заметки</a></li> При наведении показывать div name="zam" </ul> </nav> <div> <div name="rasp"> Скрыть например display:none;? <table> <tr> <td>Понедельник</td> </tr> </table> </div> <div name="zam"> Скрыть например display:none;? <p>Какой то текст</p> </div> </d…

    Asked by Mirovich,

    0 votes
    5 answers

  12. Призрачный отступ

    После своего собачьего сайта, Я прочел рекомендованные статьи, переварил полученную информацию, проанализировал свои ошибки и принялся за верстку нового шаблона но уже учитывая ошибки, валидность и семантику. А теперь суть самой проблемы, от верхней границы браузера до блока body какой-то непонятный отступ, я знаю что его можно убрать использовав margin с минусовым значением, но Я хочу понять что там происходит. Сначала я подумал что это из-за файла reset, но Я его отключил и проверил, проблема сохранилась, прошу помощи. Заранее спасибо! Подопытный Файлы Шаблон(если надо)

    Asked by li4e,

    0 votes
    2 answers

  13. Плавающий блок

    Плавающий блок налезает на фоновое изображение родителя, которое находится внизу страницы. Предполагаю, что можно в скрипте задать определенное условие, которое не даст плавающему блоку опуститься на высоту фонового изображения, но совсем не силен в jquery. Есть мнения, что можно с этим делать? http://jsfiddle.net/CrUKh/

    Asked by Frz,

    0 votes
    2 answers

  14. Аналог first-child

    Подскажите. есть такой код - http://cdpn.io/Dcysf нужно применить float:left к первому div class="news" внутри блока div class="content". есть какая-то альтернатива псевдо-селектору first-child? по-моему, есть какая-то? что-то типа дочернего или сестринского селектора.

    Asked by aaron,

    0 votes
    7 answers

  15. Правильно ли использовать <a><img><div></div</a>?

    Здравствуйте. Правильно ли использовать последовательность тегов <a><img><div>...</div></a>?

    Asked by borus,

    0 votes
    21 answers

  16. Как вы думаете, так не стоит делать?

    Смотрю примеры верстки на одном обучающем сайте. Автор там применяет часто следующий ход. Добавляет классы через пробел. Например, у него есть классы .left { float: left; } .overflow { overflow: hidden } И он через пробел добавляет в классы нужных тегов. Но по-моему это аналогично тому, как в самом хтмл коде написать style="float:left". Ведь если мы захотим, чтобы этот блок был справа - нам придеться лезть в хтмл, а не таблицы стилей, и править код там, что нарушает основной принцип верстки - разделения логической разметки от стилей.

    Asked by Zverushka,

    0 votes
    3 answers

  17. Как растянуть Div на всю высоту экрана?

    Собственность вопрос поместился в тему . Немного уточню, я хочу сделать так что бы колонка была всегда от начала окна и до конца в независимости от того какое расширение использует пользователь, и какое количество текста содержит эта колонка. Заранее спасибо за ваш ответ

    Asked by Bizon4ik,

    0 votes
    10 answers

  18. Отображение [i] в текстовом редакторе как просто текст.

    Доброго вам времени суток, уважаемые форумчане! Снова обращаюсь к вам с вопросом =) Есть сайт (не мой, но я знаю владельца и хотелось бы ему помочь. ссылку на сайт не даю чтобы не сочли рекламой, но если будет нужно - без проблем.), суть проблемы в следующем: когда редактируешь во встроенном на сайте редакторе текст страницы (редактор, похож на тот, в котором я сейчас пишу =)) часть кода он проглатывает элемент считая его открывающим bb-кодом курсива (как я понимаю), при вставке пробелов (вот так: [ i ]) всё отображается. Поменять букву в скобках конечно можно, но не хотелось бы. Поэтому интересно, существует ли решение такой проблемы? Если да, то поведайте мне пожалуйст…

    Asked by The Norb,

    0 votes
    5 answers

  19. Назначить фон картинке

    Здравствуйте. Пробую css на прочность... Пытаюсь задать стиль: .category-view .row .category .spacer h2 a img{ background: url('../images/img_bg.jpg') no-repeat; background-size:120%; } в надежде подсунуть картинку-обрамление для фотографии. В справочнике говорится, что background применим ко всем. Почему фоновая картинка не отображается?

    Asked by borus,

    0 votes
    4 answers

  20. помогите с плавающими элементами

    http://jsfiddle.net/ZE2RN/ Суть проблемы, если окно узкое то внутренние блоки стоят в ряд. А растягивать, то они должны стоять так как стоят, но чтоб те которые справа были прижаты к правому краю. Как можно добиться этого?

    Asked by vladmih,

    0 votes
    9 answers

  21. Запонмить данные

    Всем привет. Ребят, есть HTML форма с данными. Допустим пользователь ввел что то не правильно, и его выкинуло обратно Как мне запомнить что было в полях, что бы не приходилось заново вводить? Спасибо

    Asked by MadChild,

    0 votes
    4 answers

  22. резиновая картинка в css

    <img src="/images/logo.png" style="float: left; margin: 0 10px; max-width: 100%; height: auto;"/> Если ставлю в html, то картинка работает. А если преобразую в css, то картинка исчезает. Что неправильно? HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...ransitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ Без Имени</title> <link href="im.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="min"></div> </body> </html> CSS: .mi…

    Asked by Jolly1,

    0 votes
    5 answers

  23. Оцените работу пожалуйста!

    Все добрый вечер. Наконец-то сверстал свой первый сайт из psd, раньше баловался просто ковыряясь в чужом коде. Я уверен что код просто ужасен а, так же сделал много чего не эффективного, то есть более сложно чем можно было, а так же не смог подобрать шрифт, а картинки не хотел вставлять, вместо текста. Прошу пожалуйста критики! Заранее спасибо! Именно по части верстки, как можно было сделать все проще! Вот сам макет Вот результат Вот Файлы

    Asked by li4e,

    0 votes
    9 answers

  24. Псевдокласс :hover и соседние элементы

    Зравствуйте. Есть два куска кода: первый <div class="class1">Text1 <div class="class2">Text2</div> </div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> и второй <div class="1">Text1</div> <div class="2">Text2</div> <style> .class2 {display:none;} .class1:hover .class2 {display:block} </style> Суть такова: при наведении на элемент с классом class1 элемент с классом class2 становится видимым. Так вот собственно вопрос - почему первый работает, а второй нет? Поиски по сети толком ничего не дают. У меня есть мысль, что :hover применим только по отношен…

    Asked by sazhyk,

    0 votes
    4 answers

  25. Редизайн сайта, проблема с картинками, html5

    Прошу помочь с вёрсткой сайта. Проблема с картинками на сайте. При изменении разрешения к примеру 1920 px, на сайте картинки с логотипами автомобилей съезжают вниз. Полурезина: max-width: 1500px; min-width: 1000px; Как сделать так что бы при изменении разрешения логотипы авто не съезжали http://development.i...ter.co/tuning/#

    Asked by marischka,

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