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

    Создание хранилища данных на примере localStorage. (вроде как по принципу блокнота). http://jsfiddle.net/wBSyd/2/ Если не трудно, подскажите, где ошибка - почему не сохраняются записи. Где-то очень глубоко, чисто интуитивно догадываюсь, что собственно сохранять их как-бы и не где. Но вот конкретно - увы, не понимаю. Заранее благодарю за любую помощь - подсказку.

    Asked by Avesha,

    0 votes
    2 answers

  2. Работа с bootstrap

    Добрый день! Начал изучать bootstrap, вроде пока все понятно. НО появился один вопрос - если делать только на bootstrap'е то получается не очень красиво, как изменять стандартные стили?, нужно создать например, файл style.css копировать с bootstrap.css? Как если я верстаю псдш-ку, применить, например bootstrap?

    Asked by Sergey410,

    0 votes
    2 answers

  3. Как сверстать такой макет

    Подскажите, пожалуйста. У меня трудность с таким макетом - itmages.ru/image/view/112... Не могу сообразить, как правильно поступить с этой собакой, которая большая и наезжает на навигацию. Пробовал разными способами, но вконец запутался. Помогите разобраться. Мне нужно показать, как правильно создать html-каркас такого макета и как правильно разместить эту собаку.

    Asked by aaron,

    0 votes
    2 answers

  4. Резиновая верстка, как быть с высотой body

    У меня возникла проблема при резиновой верстке. Допустим есть: HTML <body> <div> <div></div> </div> </body> CSS body{ height:?;(Вот здесь и проблема) } div{ height:20%; } Чтобы действовало это height:20%;, нужно чтобы body имел какую-нибудь фиксированную цифру. Но я же делаю это резиново, и мне нужно, чтобы min-heght = высоте устройства, а если содержимое не вмешается, то высота увеличивалась бы по мере необходимости. Помогите пожалуйста!

    Asked by Michael Myers,

    0 votes
    2 answers

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

    Нужно сделать так чтоб при первом клике по ссылке, его названия менялось на свернуть и менялось стрелочка. И потом при втором клике названия менялось на развернуть

    Asked by Виталий Диблюк,

    0 votes
    2 answers

  6. Как управлять столбцом в таблице?

    Есть простая структура таблицы. Извесно, что я легко могу управлять стилями конкретной строки, допустим, класс навесить на нужный мне <tr> и все. А можно так же лего управлять стилями для конкретного столбца? В таблицах сущность "столбец" не предусмотрена, на сколько я знаю. Вместо него есть сущность "ячейка" (тобишь, <td>) в строке. Если у меня с десятка строк, то прописывать класс в каждом втором <td> каждого <tr> (если мне нужен второй столбец, допустим) как-то не комильфо. Есть выход?

    Asked by Evkaky,

    0 votes
    2 answers

  7. Подключение favicon.ico, свойства и значения

    На сайте первого канала РФ можно увидеть два подключения фавиконки: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> На некоторых сайтах используют разную конструкцию, а здесь и вовсе две. Что означают значения свойств, какие из них обязательные и как правильно писать в HTML5?

    Asked by Delat,

    0 votes
    2 answers

  8. Какой шрифт у текста в кнопке тега <button>?

    заметил что у кнопки созданной с помощью button забавный шрифт, после того как я не нашёл в стилях параметр отвечающий за шрифт кнопки, понял что он стоит по умолчанию, кто нибудь знает? или знает как узнать?)

    Asked by Mr. Kook,

    0 votes
    2 answers

  9. Резиновый макет по высоте

    Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?

    Asked by Vulner,

    0 votes
    2 answers

  10. Background на весь экран браузера

    Помогите пожалуйста сверстать такой фон для сайта. Нужно чтобы он занимал все окно браузера. Фон такой Что посоветуете?

    Asked by sssppp6,

    0 votes
    2 answers

  11. Проблема с line-height

    Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…

    Asked by Hol1killer,

    0 votes
    2 answers

  12. Чертовщина в ie7 background-position

    Можно удалить, ошибочка вышла )...

    Asked by Zverushka,

    0 votes
    2 answers

  13. Проверка данных и ввывод

    Необходимо сделать форму - проверку. Например вводишь туда номер сертификата и она сверяет его с БД и при условии наличия такого номера отправляет тебя на соответствующею страницу. Кто подскажет как такое сделать или хотя бы в каком направлении двигаться ?

    Asked by Stif,

    0 votes
    2 answers

  14. h2 cдвигает весь блок

    Здравствуйте! У меня проблема: <div class="shashka"><h2>Заказ такси</h2></div> .shashka { background: url(../images/shashka.png) no-repeat; height: 66px; margin: 0 auto; width: 191px; } .shashka h2 { color: #fff; font-size: 24px; margin-top: 15px; <—— Это свойство сдвигает не заголовок относительно .shashka, а весь блок .shashka на 15px вниз text-align: center; } Почему это происходит??? Может кто нибудь сталкивался с этим? Если добавляешь к .shashka { border: 1px solid white; } то все работает нормально, h2 смещается вниз на 15px, а не весь блок <div class="shashka">

    Asked by Gasherez,

    0 votes
    2 answers

  15. Смещается поле input

    Здравствуйте. Возникла проблема при верстке, поле inpun смещается немного вниз (см. скрин). Почему так происходит и как это исправить. HTML <form action=""> <div class="text"><b>Заголовок / название фильма (20pt)</b></div><div class="form"><input type="text" name="zagolovok" size="41" class="norm"></div>[/color] <br /> <b>Обложка / постер</b> <input type="text" name="poster" size="41" class="norm"> <br /> <b>Название:</b> <input type="text" name="nazvanie" size="41" class="norm"> <br /> <b>Оригинальное название:</b> <input type="text" name="orignaz" size…

    Asked by px379,

    0 votes
    2 answers

  16. display: none ?

    delete

    Asked by Struggle,

    0 votes
    2 answers

  17. Есть ли библиотека, чтобы ie7, ie8 понял сам "прозрачность" слоя?

    Есть ли готовая библиотека, чтобы ie7, ie8 понял сам "прозрачность" слоя? (opacity) Также пробую включить opacity для слоя с задним фоном, через фильтры ie, но ничего не меняется, фон все также ярко "горит". И можно ли заставить ослик понимать размер фона, чтобы он стал 100% слоя?

    Asked by Zverushka,

    0 votes
    2 answers

  18. Не работает :hover

    Суть в заголовке. Внутри блока с position: fixed лежит три дива с одинаковым классом. Все стили применяются адекватно, но если попробовать изменить стиль блока при наведении мышки ничего не получается. Забавно, что псевдоклассы вроде :first-child работают. Почему не получается изменить стиль элемента при наведении мыши? UPD: Проблема решена самостоятельно.

    Asked by novickOk,

    0 votes
    2 answers

  19. подскажите как сделать такую автоматическую оплату?

    вот хочу узнать как сделать такую автоматическую оплату как на этом сайте http://djekxa.com/# подскажите пожалуйста) Заранее благодарен) если что кто может в скайп то вот vitia1461

    Asked by Виктор146,

    0 votes
    2 answers

  20. Форма ввода из ниоткуда

    Я начинающий верстальщик. Вот моя проблема. Есть html и css файл.Их содержание представлено здесь. На случай если не будет работать сайт вот фото: Как видите над таблицей появляется форма ввода. Если нажать сюда и кликнуть правой кнопкой мыши по форме ввода и выбрать "Проинспектировать элемент"(это в Опере, в Гугл Хром жмем "Просмотр кода элемента") то видно что поле ввода создано из-за строчки с тегом input. Подскажите как input влияет на поле ввода и как его убрать. Благодарю заранее.

    Asked by BigGun,

    0 votes
    2 answers

  21. как прикрепить к нижней области ...

    Добрый день! Есть такая ситуация - нужно реализовать box который прикреплен к нижней видимой области браузера , так что бы не прокручивался и еще был по середине ... Поигрался немного с position но довести до ума так и не смог , помогите пожалуйста ! вот пример : заранее огромное спасибо всем!

    Asked by shinydo,

    0 votes
    2 answers

  22. Проблема с background-image

    Здравствуйте. Я начал верстать макет и столкнулся с небольшой проблемой с background-image. По ТЗ картинка сердца должна быть на одном уровне с текстом, а у меня она получается выше: http://jsfiddle.net/VKycA/ Как бы я не пытался это исправить - картинка все равно остается выше нужной позиции.

    Asked by Samsonoff,

    0 votes
    2 answers

  23. Глюк движка хрома? Или проблема в верстке?

    Здрасте всем! Давно я тут не был ) Вот проблема: http://leveler.ru/spman/ главное меню при наведении курсора в хроме оставляет куски меню за собой: Обновился до 28 версии - та же фигня. Остальные браузеры (FF 22, IE 10/9/8, O12) ведут себя хорошо. Подскажите дураку, в чем причина может быть?

    Asked by d0ublezer0,

    0 votes
    2 answers

  24. бутстрап 2.3.2.

    столкнулся с такой проблемой: бутстрап 2.3.2. нужно сделать страничку отцентрированую с шириной 820Px, при использовании класса container-fluid она тянется на весь экран... если использовать просто класс container то ширина другая... соответственно при изменении окна, минимально все ломается..что посоветуете? извиняйте если такая тема была, не нашел <header class="container-fluid"> <article class="row-fluid"> <div class="span6"> </div> <div class="span6"></div> </article> </header> как сделать такую структуру 840px шириной

    Asked by ostavnenko91,

    0 votes
    2 answers

  25. Различное отображение в браузерах

    Почему опера 12 видит картинку фоновую на сайте, а хром нет? http://sauronsring.ucoz.ru/

    Asked by Ge1i0N,

    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