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. Меню "Закладки" по размеру блока

    Я пытаюсь сделать меню заезжающих друг на друга закладок, но у меня не получается сделать их по размеру блока. Вот так это должно выглядень: Видите, одна закладка как бы заезжает на другую. И при этом они равномерно распределены по блоку. А у меня происходит смещение. Увеличение размеров блоков-закладок или изменение самого блока результатов не принесли. У меня получается так: Уже всё перепробовала, не получается сделать, как надо. Может я вообще не в ту степь ушла, но помогите, пожалуйста, сделать меню как надо. Код html: <var> <!-- 2 --> <div id="m1"> <!-- 2.a --> Главная <br/> страница </div> …

    Asked by Chesse,

    0 votes
    2 answers

  2. Нужна помощь с блоком авторизации.

    Не получается сверстать вот такой вот блок авторизации Вот что у меня. Кому не сложно, объясните как что и где? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Design</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <link type="text/css" href="css/style.css" rel="stylesheet"></head><body> <div id="logo"> <img src="images/logo_head.png" alt="logo" id="logo"> <form id="log"> <div id="log_txt"> <p> <label for="text">Логин:</label> <input type="text" id="login"…

    Asked by NapNu,

    0 votes
    2 answers

  3. Высота блока по высоте блока, следующего за ним.

    Здравствуйте, существует такая конструкция: <div class="transparency"><!-- Это полу-прозрачный блок--></div><div class="content"> <p>Некий текст</p></div>.transparency {opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;background-color:#000000;min-width:420px;height:330px;margin:0 auto;z-index:0;position:absolute;border-radius:15px;} Блок transparency служит как полупрозрачная подложка. Блок content вкладывать в него не могу, поскольку в таком случае его содержимое тоже станет полу-прозрачным. Дак вот, мне нужно, чтобы подложка по размерам была как блок content, высота этого блока меняется, поэтому постоянное значение испол…

    Asked by Inf1n1tI,

    0 votes
    2 answers

  4. background-size: cover; IE8

    Добрый день. Подскажите пожалуйста какой нибудь хак, библиотеку, костыль. Который научит ie8 понимать и применять правильно свойство "background-size: cover", без повторного указания нужных блоков и изображений, а на основе готовой верстки. А то все что встречал требуют инициализацию необходимых блоков через js или указания повторного пути к изображению в CSS. Заранее благодарю за ответы!

    Asked by li4e,

    0 votes
    2 answers

  5. Картинки в адаптивном дизайне

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

    Asked by alleclf,

    0 votes
    2 answers

  6. Блок вылазит за пределы области

    Блок со 100% шириной и отступом вылазит за пределы экрана. Как можно сделать что бы он помещался? Вот пример - http://jsfiddle.net/333vwb3k/

    Asked by alleclf,

    0 votes
    2 answers

  7. Как сделать Border как в инстаграмме?

    Чтобы эффект такой красивый был?

    Asked by RuslanHeYca4ev,

    0 votes
    2 answers

  8. Как изменить input type=file ?

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

    Asked by RuslanHeYca4ev,

    0 votes
    2 answers

  9. Как опустить меню и выровнить контент?

    Добрый вечер! Как вы поняли у меня два вопроса, но прежде чем их задать, взгляните, как должен выглядеть макет (Макет). Что у меня получилось (ДЫК) Вопросы: Как опустить меню вниз? Как сделать высоту контента по высоте экрана, так, чтобы он не зависел от введённого текста? Ставил width: 100% страница вниз улетала. Поправка! Но если текста больше, чем высота страницы, то контент уже зависит от ведённого текста.Спасибо. <html><head><title>Hello</title><meta http-equiv="Content-type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="/css/style.css" /></head><body><div id="head"><nav clas…

    Asked by perec200,

    0 votes
    2 answers

  10. Создание данного эффекта

    Добрый день! Понравился эффект с сайта http://nikeo.orgfree.com/ Под слайдером три изображения и при наведение на них они принимают форму эллипса. Как такое сделать?

    Asked by alex.kv,

    0 votes
    2 answers

  11. less в разных браузерах

    Начал на практике изучать less. Проверял работоспособность на Firefox. Решил проверить на других браузерах, так они вообще файл стиля не видят. Почему так? Скриншот Содержимое CSS и HTML файлов

    Asked by SidSpears,

    0 votes
    2 answers

  12. помогите немогу поставить сайдбар и контент правильно в один ряд

    <!DOCTYPE html> <html> <head> <title>Создание Сайтов</title> <meta charset="windows-1251"> <link rel="stylesheet" href="css/main.css" type="text/css"> </head> <body> <div id="page_aligen"> <div id="shapka"> <a href="Glavnaya">Главная </a> <a href="Ceni">Цены</a> <a href="Docky">Документы</a> <a href="kontakti">Контакты</a> <a href="Npishute">Напишите нам</a> <a href="Zakaz" ><font class="zakaz">Закажите</font></a> </div>&lt…

    Asked by ryslan,

    0 votes
    2 answers

  13. Неправильно определяется разрешение экрана

    Разбираюсь с адаптивным дизайном. Использую вот такую конструкцию: <meta name="viewport" content="width=device-width, initial-scale=1.0">Стили подключаю вот так: <link rel="stylesheet" media="all and (min-device-width:320px)" href="{THEME}/css/style_480.css" />Тестирую на смартфоне с экраном 480х854. При такой конструкции ширина экран определяется в 320 пх. и весь шаблон вроде как растягивается. Если в медиазапросе указать значение больше 320 пх, стили вообще не подгружаются. Если не использовать "viewport" шаблон сильно сжимается, вроде как масштаб уменьшается, причем уменьшаются всё кроме текста - текст отображается нормального размера. Искажения о…

    Asked by alleclf,

    0 votes
    2 answers

  14. Не работает перекатывание картинки в Хроме и Опере

    Собственно код .enter {background: url("../img/enter.png"); display: inline-block; width: 170px; height: 42px; position: relative;margin-left: 20px;cursor: pointer; font-family: Arial, sans-serif; font-size: 20px; font-stretch: condensed; font-style: italic; font-weight: bold; color: #7F5B2B; line-height: 42px; text-align: center; text-decoration: none; text-shadow: 1px 2px 3px rgba(255,255,255,0.5); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text;}.enter:hover {background-position: 0 -42px;}.enter:active {background-position: 0 -84px;}<button class="enter" onclick="submit();" typ…

    Asked by roland,

    0 votes
    2 answers

  15. Проблема с "табами"

    Добрый день! Прошу помочь разобраться с багом. При смене таба, а потом возврате в первый содержимое таба пропадает. Вот ссылка на страницу с багом http://root.donkos.esy.es/card.html и скрин http://prntscr.com/62wjl8 , а это скрин с результатом ошибки http://prntscr.com/62wk8q . Заранее благодарю!

    Asked by donkos,

    0 votes
    2 answers

  16. При клике прыгает блок.

    Добрый вечер, возникла проблема с кнопкой "предложить свою цену" - правил через позиционирование, в чем может быть ошибка? при клике прыгает блок. Спасибо.

    Asked by mrfrunze,

    0 votes
    2 answers

  17. Почему тело страницы НЕ подлазит под навигацию?

    Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.

    Asked by S0meT1me,

    0 votes
    2 answers

  18. Съезжает выделение, появляющееся при наведении курсора

    У меня баг (скрин под спойлером): Как видите, красное выделение съезжает до первой линии. Как это лечится? Код: HTML: CSS:

    Asked by sitemaker999,

    0 votes
    2 answers

  19. Изменение положение блока

    При верстке возникла проблема со смещение блока в левую сторону Вот как должен выглядеть результат: http://c2n.me/3cbTQRl Но блок "Наши видеообзоры" никак не хочет смещаться влево( Вот что оно из себя представляет на данный момент: http://justexemple.host56.com/ Как мне изменить расположение блока video-description?

    Asked by alex.kv,

    0 votes
    2 answers

  20. @media

    Страница имеет разный вид, в зависимости от устройства. Экран телефона, планшета, десктопа на симуляторе выглядят по сценарию http://quirktools.com/screenfly/#u=http%3A//richel.skepton.ru/&w=320&h=480&a=33&s=1 Открывая ссылку на реальном устройстве http://richel.skepton.ru/# , видим флюид, но не респонсив. Отображается последний из трёх возможных вариантов + часть свойств вынесенных за скобки условий, относящихся ко всем трём вариантам и не вошедших в данный диапазон. @media screen and (min-width:770px) { -----some css code-----}Для уменьшения кода и ускорения загрузки на моб устройствах, прописано сначала всё для мобильников + то, что относится дл…

    Asked by seemax,

    0 votes
    2 answers

  21. Помогите прикрутить fancybox на лупу.

    Помогите прикрутить facybox на лупу. Есть картинка, при наведении на нее появляется лупа. Как сделать так, чтобы при нажатии на лупу, картинка увеличивалась в модальном окне (facnybox)?

    Asked by Alfa2015,

    0 votes
    2 answers

  22. Фотошоп

    Хочу сохранить главный фон из макета, и изображение делится на много частей Как сохранить всё целиком, что бы не разрезалось?

    Asked by DivMan,

    0 votes
    2 answers

  23. Не срабатывает свойство transition

    Подскажите, почему не срабатывает свойство transition? http://cssdeck.com/labs/rcvlef8o Что не так?

    Asked by Alfa2015,

    0 votes
    2 answers

  24. Добавление пунктов в под меню

    Всем привет подскажите пожалуйста как добавить пункты в подменю? Чтобы из подменю выезжали в сторону ещё 1 подменю. http://jsfiddle.net/6x9w5dvv/

    Asked by gorkaps,

    0 votes
    2 answers

  25. Кривое отображение таблицы в Firefox

    Сверстал таблицу на сайт, во всех браузерах открывает корректно (даже в IE 6,7), a в Mozila FireFox (версия браузера 33.1.1) такое ощущение, что все рядки отображаются как столбцы. В чем может быть дело? Как выглядит в хрмое: http://kitmaker.tk/files/1.png Как выглядит в ФФ: http://kitmaker.tk/files/2.png Сайт: gl-hotelТОЧКАru/index.php/component/content/article/47.html

    Asked by CraftLawrence,

    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