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. Проблема с nth-child

    Проблема с псевдоклассом nth-child. Не могу понять каким образом он 3-ий "а" элемент воспринимает как 4-ый, а первого якобы вообще нету. Получается так будто элемент header тоже входит в счет, но причем тут хедер если явно указано .categories a:nth-child(1) ? 55-ая строка CSS-ника Песочница: http://cssdesk.com/qxEvw Может кто подсказать или направить где конкретно почитать об таком странном поведении?

    Asked by advokatua,

    0 votes
    7 answers

  2. Пауза/продолжение css3 анимации

    http://cssdesk.com/uu3fK Если навести на квадрат - включается пауза - но анимация дергается, видимо прокручивается. Как сделать, чтобы квадрат продолжат крутиться с того же места, где замер не дергаясь?

    Asked by Zverushka,

    0 votes
    7 answers

  3. Что это за красная линия?

    http://img.pixs.ru/storage/5/8/2/Bezimyanni_5147755_9401582.png Всем привет.. Я вот 3-4 дня начал заниматся HTML.. у меня такая проблема.. Что это за красная линия между кнопками "in" и "f"... никак не могу исправить это.. HTML <div class="Share"> <a target="_blank" href="https://www.youtube.com/user/BaxramEfendi/videos"><img class="Youtube" src="Icons/youtube-icon2.png" width="36px" height="36px" onmouseover="this.src='Icons/youtube-icon.png'" onmouseout="this.src='Icons/youtube-icon2.png'" /></a> <a target="_blank" href="https://plus.google.com/109111671453089973163/posts"><img class="Gplus" src="Icons/…

    Asked by BahramAfandiyev,

    0 votes
    7 answers

  4. Отправка смс

    Подскажите сервис или натолкните на мысль пожалуйста, как можно реализовать отправку смс после заполнения формы? И возможно ли это? Спасибо!

    Asked by 3d_max_9,

    0 votes
    7 answers

  5. Псевдоуголки динамических размеров

    Возможно ли сделать уголки этого элемента не фиксированного размера в пикселях. а относительного, н-р в процентах? Уголки делаю через псевдоэлементы из border.

    Asked by Zverushka,

    0 votes
    7 answers

  6. Прогноз погоды

    http://cssdeck.com/labs/r5rpkn... Не понятно почему исчезло расстояние между ячейками, у меня на компе в IE, firefox, chrome имеется это расстояние. Почему так, элементы получились слепленными ?

    Asked by rpmcmerphy,

    0 votes
    7 answers

  7. Не разворачивается youtube ролик на сайте

    Вставляю в контенте страницы ролик строкой <p><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/f_Y2oFbTrR8%26hl=en%26fs=1%26rel=0%26ap=%2526fmt=18" width="425" height="344"></embed></p> Параметр есть разрешения разворачивания ролика на весь экран, но кликая "fool screen" развернуть ничего не происходит. Проверял на разных ПК. Может кто сталкивался? Есть решение?

    Asked by okunev2,

    0 votes
    7 answers

  8. Непонятная ширина в 1 пиксель в Google Chrome

    Привет всем! Впервые столкнулся с данной проблемой и появляется она только в Хроме. Как видно на картинке снизу, почему-то пустой блок "site_left_ASIDE" имеет ширину в 1 пиксель, хотя должно быть 0 и из-за этого едет верстка во второй ячейке. Если удалить "site_left_ASIDE", то все норм, ячейка становиться шириной 0, но данный блок мне нужен. Существует ли какой-нибудь хак для такой проблемы только для Хрома, а скорее всего, для вебкита в частности?

    Asked by MiHALbI4,

    0 votes
    7 answers

  9. Сделать элементы на одном уровне

    Здравствуйте. вот у меня раздел каталог на сайте http://zverushka.zz.mu/sani/ Там как видите кнопки купить и цена на разном расстоянии. Можно ли добиться, чтобы они автоматически выравнивались, не оборачивая в строку по 3 кнопки одновременно? Чтобы сущность article осталось целой и ее не пришлось разбивать на строки.

    Asked by Zverushka,

    0 votes
    7 answers

  10. Посоветуйте книги...

    Всем привет. Я уже несколько месяцев изучаю сайтостроение... а именно HTML и CSS, но как то дается тяжеловато) не могли бы вы посоветовать книги обязательные к прочтению и изучению по данным языкам и желательно в порядке их изучения?

    Asked by Akkord87,

    0 votes
    7 answers

  11. User agent stylesheet

    user agent stylesheet - это что за зверь вообще? И откуда он берется? Вопрос в том, что стили, прописанные (непонятно откуда) в user agent stylesheet перекрывают стили прописанные в в файле css. !important не помогает. style="..." не помогает. Откуда этот user agent stylesheet вообще берется? Вот скриншот

    Asked by Imperil,

    0 votes
    7 answers

  12. Практикум Ход конем

    http://cssdeck.com/labs/zzgoaqsz Почему не работает visited, если поменять на active или hover то все нормально.

    Asked by rpmcmerphy,

    0 votes
    7 answers

  13. Два фона

    Здраствуйте дорогие пользователи! В общем у меня такой вопрос: "Как сделать 2 фона на сайте?", допустим, как на кинопоиск. Заранее благодарю.

    Asked by vasa3000,

    0 votes
    7 answers

  14. Несколько вопросов по ul>li>li

    Приветствую всех! Пример того что я хочу получить http://cs322217.vk.me/v322217856/4ff9/1jIuUfxmnx0.jpg Мой код http://cssdesk.com/vNVjG Собственно мои вопросы: 1.Почему моя li с черным потом уезжает направо,ведь я задавал padding справа для него в блоке ul в 9px 2.Почему не отображаются блоки ul>li>li т.е. li вложенные в li? 3.На верном ли я пути к осуществлению задачи?

    Asked by Temik2704,

    0 votes
    7 answers

  15. Смещение текста относительно строки без помощи <sub>

    Добрый день, у меня возникла проблема при смещении части текста в строке, в макете текст выглядел вот так: но при смещении текста вниз тегом <sub> или стилем vertical-align: sub; текст смещается не на четверть высоты символа, а почти на один символ вниз. Посоветуете, как решить эту проблему?

    Asked by Alien-i,

    0 votes
    7 answers

  16. Какую цель приследуют вставляя в футер сайта копирайт?

    На ВСЕХ сайтах вижу в футере однотипную строчку со значком копирайта,например: © 2010-2013 Все права защищены И подобное на всех сайтах,причем в 95% случаев данная надпись не кликабельна,это просто текст и все.Для чего все впихивают все?для вида?Или это тенденция аля "все так делают,так может и мне нужно". А если какието "права на сайт защищены" то как это узнать?Гугл все смутно разьяснил,толковой статьи об этом без лишних слов я не нашел,может здесь раскажут...

    Asked by pudge,

    0 votes
    7 answers

  17. Как так сделать?Border

    Как сделать такое?Создать div общий,задать ему нижний бордер,внутрь него залить еще один див с высотой оранжевого фона? Это правильное решение или может быть лучше и как-то по другому?

    Asked by Temik2704,

    0 votes
    7 answers

  18. div>hover>active>а что после этого?

    Есть блок-спойлер,который после прокликивания должен изменять свою форму: .videoA{ display:block; position:relative; background-color:#191919; border:solid 1px black; border-radius:5px; width:582px; line-height:30px; margin:15px auto 0px; font-size:12pt; padding:0px 10px; box-sizing: border-box; color:white;}.videoA:hover{ color:blue;}.videoA:active{ border-radius:5px 5px 0px 0px;}Но вот проблемка,hover - это изменение во время наведения курсора на блок,active - изменение во время зажима этого блока курсором,мне ещё нужно что бы был ещё один режим который видеоизменял бы этот блок после того как его активировали и вылез скрытый текст спойлера,я…

    Asked by pudge,

    0 votes
    7 answers

  19. ФОрма

    http://cssdeck.com/labs/a5aklqwo Как сделать реальную капчу и как сделать зеленые галочки ?

    Asked by rpmcmerphy,

    0 votes
    7 answers

  20. В css в таблице высота в процентах не работает.

    Мне нужно чтоб картинка занимал 100 % от окна браузера по ширине и 60 по высоте. Меню должно находиться в пределах катринки. Вот код: http://jsfiddle.net/J7XLR/ используя проценты используя пиксели

    Asked by DantorS,

    0 votes
    7 answers

  21. Странные вещи творятся с изображениями в IE7

    Я пользуюсь windows XP и время от времени тестирую макеты в IE7. Я уже парочку макетов сверстал и везде одна и та же проблема: почему-то изображения в IE7 отображаются иначе, чем в Firefox, в результате элементы не совпадают. В Firefox такой проблемы нет. Сделал скриншот: Вопрос: в чем проблема? Как её решить?

    Asked by Ludwig Voltman,

    0 votes
    7 answers

  22. Ширина(box-sizing) в Mozilla

    У меня есть один блок, во всех браузерах он отображается нормально, но в Mozilla нет. Проблема оказалась в box-sizing. Прочитав на этом сайте об этом тебе я обнаружил что начиная с Mozilla 1.0+ этот тег не воспринимается. Но что мне тогда делать? Ведь блок вылазит за свои рамки! Я пробовал -moz-box-sizing: border-box; он начинает видеть этот тег но вообще никак не реагирует на него. Как быть?

    Asked by Coshe,

    0 votes
    7 answers

  23. Блок ведет себя не естественно

    Пытаюсь сделать блок но он ведет себя не естественно... В общем вот: http://jsfiddle.net/rzR8y/ margin почему то ведет себя как padding, тока он не только шурудит то что внутри, дак он еще и сдвигает как margin и расширяет, как сделать тогда так, что бы он не расширял то что внутри, а всего лишь двигал.

    Asked by BSandro,

    0 votes
    7 answers

  24. смена гарнитуры в google fonts

    помогите пожалуйста разобраться скачать и подключил шрифт из хранилища google. не понимаю как мне использовать гарнитуру bold. если я запишу так font: bold 24px 'Titillium', arial, sans-serif;, то сработает именно гарнитура bold из хранилища google или просто браузер своими средствами добавит жирность?

    Asked by cyklop77,

    0 votes
    7 answers

  25. Убрать отступ для смартфона

    При просмотре многих сайтов на смартфоне (Philips, разрешение - 720x1280) появляются отступ с права от текста в колонке с основным контекстом примеры: Вопрос: откуда берётся этот отступ? и как его убрать? Думаю, если будет ответ на первый вопрос, то со вторым справлюсь.

    Asked by evgeniy71rus,

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