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. При создании textarea для написания кода, нужна табуляция строк, а не переход по индексу

    Добрый день, столкнулся с проблемой в textarea, так как это поле для написания кода в нем должна быть табуляция строк, а не переход по индексу. Подскажите пожалуйста можно ли как то отключить tabindex именно на этом поле?

    Asked by Konstantin99,

    0 votes
    1 answer

  2. при создании страниц админки адаптивность не соблюдалась и...

    Всем привет, Есть админка выполненная на основе bootstrap темплейта (отсюда http://themeforest.net/item/business-admin-template/6674668) Но при создании страниц адаптивность не соблюдалась и получилось вроде http://s017.radikal.ru/i415/1412/3f/820cbf96f25c.png Слева меню навигации Правая часть состоит из списка элементов и страницы просмотра Также есть страница редактора одного элемента http://s020.radikal.ru/i703/1412/6c/24454324470e.png И на странице просмотра(1я ссылка) кликом на многих кнопках открывается попап окно для ввода данных вроде : http://s018.radikal.ru/i527/1412/23/933a255cba40.png Так же есть страница с недельным календарем выполненный с помощью компоне…

    Asked by mstdmstd,

    0 votes
    0 answers

  3. При увеличении и уменьшении масштаба экрана, элементы плывут как хотят

    При увеличении и уменьшении масштаба экрана, элементы плывут как хотят, те которые в px плывут по своему те которые в % по своему, но суть одна и почему backgraund-image в body, занимает всю ширину экрана, независимо от указаной ширины?Спасибо

    Asked by Вячеслав петров,

    0 votes
    4 answers

  4. При увеличении масштаба не растягивается фон

    При увеличении масштаба не растягивается фон. Читала, что background-size, должен решить проблему, но не решает. Пробовала и со значением 100%, и значением cover. Пробовала и с префиксами. Синтаксических ошибок нет, я уверена, но оно не работает. При уменьшении масштаба он растягивается, а при увеличении нет. Структура html такая: <body> <header></header> <main></main> <footer> <container></container> </footer> </body> Мне нужно, чтобы у container была фиксированная ширина (задана в px), а фон, заданный в footer тянулся на всю ширину окна. Подскажите, что я делаю не так?

    Asked by Анна Лиходеева,

    0 votes
    1 answer

  5. При увеличении масштаба разваливается меню.

    Подскажите пожалуйста как это поправить. Ширина пунктов меню не указана.

    Asked by skygazer,

    0 votes
    8 answers

  6. При увеличении правого столбца, подвал не падает

    Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="<? echo $p_n_s[description][1]; ?>"> <META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>"> <title><? echo $p_n_s[title][1]; ?></title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /&g…

    Asked by Воитель,

    0 votes
    2 answers

  7. При увиличении масштаба браузером беда!

    Что нужно что бы сайт нормально масштабировался и сохранял позиции блоков? Масштаб содержимого увеличивается а самой страницы только по высоте!

    Asked by hrabrik,

    0 votes
    2 answers

  8. При увиличении маштаба болки не пропорцыональны

    У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми.

    Asked by fastikkk,

    0 votes
    6 answers

  9. При удалении текста, блок смещается

    Добрый день! Подскажите пожалуйста в чем дело. Вот ссылка на блок с текстом http://s43.radikal.ru/i099/1109/8e/4bb66c3a0cd5.png тут все нормально Блок без текста http://s002.radikal.ru/i200/1109/9a/335fd5832508.jpg а здесь если текст убрать весь блок смещается в левый угол Вот коды http://jsfiddle.net/MJ2Ac/ не пойму что не так.

    Asked by Didorri,

    0 votes
    2 answers

  10. При уменьшении окна браузера правый div уходит вниз !

    Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!

    Asked by 333_org_ua,

    0 votes
    5 answers

  11. при уменьшении окна браузера форма вылазит за экран .

    #header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; } <div id="header"> <div style="position: relative;width: 100%;"> <div style="width: 100%;position: absolute;left: 0px;top: 0px;"> <div style="margin-left: 85%;"><form name="" action="" method="post"> <table width='200' border='0' cellspacing='0' cellpadding='0' class='3'> <tr> <td align='center' class='3'>Имя: Пароль:</td> <td align='center' class='3'><input style="padding-left:20px" name="Name" type="text" value="" size="15"> <input style="paddi…

    Asked by dima2207,

    0 votes
    2 answers

  12. При уменьшении окна браузера, пункты меню наезжают на логотип

    Доброго времени суток! Возникает проблема, когда я пытаюсь уменьшить окно, мое меню съезжать прям на логотип, каким образом можно это исправить? надо чтобы менюшка переходили на новую строку не съезжая на логотип. Для меню у меня стоит фиксированный размер font-size: 14px. Как можно исправить? Спасибо.

    Asked by diga,

    0 votes
    1 answer

  13. При уменьшении размера браузера и разрешении <=1024 пункты меню едут вниз

    Адрес сайта: shoporus.ru , буду благодарен за помощь в решении данной задачи!

    Asked by allseo,

    0 votes
    1 answer

  14. При уменьшении размеров окна браузера появляется margin-right

    Здравствуйте, при верстке комбинированного макета возникла проблема - при уменьшении размеров окна браузера до появления горизонтального скролла возникает поле справа у .header_wrap, причем чем меньше размер окна, тем он больше http://jsbin.com/joredadugojo/1/edit, и фон шапки получается растянут не на все окно. Подскажите, пожалуйста, как можно решить эту проблему!

    Asked by Stright,

    0 votes
    3 answers

  15. при уменьшении разрешения, уезжает вправо

    Здрасти ребята, http://s3dan.ucoz.ru/Sayt/sayt.html вот по этой ссылочке правый столбец, где описаны сайты, при уменьшении разрешения, уезжает влево, как сделать, что бы текст уходил вниз по ширине? с процентами игрался, min-width max-width пробовал. Может что то и не прально делал. Как вбить данный вопрос в поиск не соображу ! Подскажите или ссылочку плз!

    Asked by Apostol87,

    0 votes
    8 answers

  16. При уменьшении страницы, она не уменьшается!

    Я первый раз начал пытатся создавать сайт по макету, и вот кое что получается, я понимаю что много ошибок, но это первый раз! Я остановился, и не могу понять как сделать так чтобы при уменьшении страницы, всё уменьшалось равномерно, у меня когда уменьшаю страницу, просто видно пол страницы! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="assets/css/style.css"> <title>Document</title> </head> <body> <header&…

    Asked by Millio,

    0 votes
    1 answer

  17. При установке background-color в TEXTAREA сьезжает курсор в IE

    <TEXTAREA style="background-color: white;font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 23px;height: 70px;"></TEXTAREA> <TEXTAREA style="font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 23px;height: 70px;"></TEXTAREA> Есть 2 контрола (выше код), в первом установлено background-color: white; при этом курсор уезжает на самый верх контрола. когда начинаю печатать, курсор перепрыгивает на нормальный уровень. Во втором контроле проблемы нет. Тоже самое просходит если задать background-image: none. Непонятно как этого избежать, цвет фона задать надо, но и прыжок курсора не приемлем. Может кто подскажет? Спас…

    Asked by spirtovoi,

    0 votes
    0 answers

  18. При установке галки на ckeckbox переход по ссылке.

    Здравствуйте. Появилась необходимость чтобы при установке галки на input type="checkbox" произошел переход на указанную страницу (так как будто нажали на ссылку), главное условие - без использования JavaScript. Я уже думал может как то обвернуть input в ссылку... Может у Вас есть какие нибудь или идеи, или уже готовый рецепт? Буду признательный любой помощи. Спасибо.

    Asked by maasja,

    0 votes
    11 answers

  19. При установке цвета фона прячутся картинки

    Есть 3-колоночнная вёрстка, смешанная. Шапка - <div id="top">. Затем слева и справа - таблицы шириной по по 200px, в середине - <div id="content">. #content {position: relative; margin-left: 205px; margin-right: 205px;} Проблема: когда решил покрасить средний блок (background-color: #ECEFFF;), то в IE все картинки в нём ушли на задний план. Пытался выставить им z-index: 100; - не помогает. Пробовал задать им position: relative; - появляются, но начинают уезжать влево, на таблицу. В других браузерах нормально.

    Asked by froland,

    0 votes
    4 answers

  20. При формировании чека по оплате в PDF версии чека слетает рамка

    Добрый день! Сохраняю чек в формате .pdf(он очень длинный и на странице в .pdf показывается на две страницы). При этом у блока-чека есть рамка. А в этом чеке на две страницы рамка пропадает, точнее она есть в самом конце блока на второй странице(http://prntscr.com/e9u17z). А надо,чтобы рамка была у всего блока-чека на двух страницах. Подскажите, пожалуйста, в чём может быть проблема..

    Asked by Джулия,

    0 votes
    1 answer

  21. Прибитый футер

    Добрый день! Прибил футер к полу, но к сожалению он упорно прячется за основным фоном. Уже 2 часа корячусь над этой, наверное простой задачей. Подскажите, что неправильно сделал? <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> </head> <body> <div id="maket"> <div id="logo"><a href="index.html" title="Главная"><span>Главная</span></a></div> <div id="header">…

    Asked by Kvinta,

    0 votes
    10 answers

  22. Прибить блок в угол

    Здравсвуйте. Не могу придумать как сделать следующее: Т.е. родительский блок. Ширина и высота фиксированная. В этом блоке может находиться произвольно количество текста начиная от 4 символов. Есть второй блок, в правом нижнем углу. Он всегда должен быть в правом нижнем углу и текст должен обтекать его сверху и снизу. Второй день думаю как сделать. Помогите пожалуйста.

    Asked by COOLer5,

    0 votes
    13 answers

  23. Прибить блок с картинкой

    Помогите прибить блок Image книзу (к блоку Footer соответственно). Все блоки кроме Footer, находятся в контейнере. Контейнер состоит из двух колонок. В одной находится блок с меню и блок с картинкой (которую необходимо прижать), во втором блоке соответственно текст страницы. Насколько я понял необходимо для большого контейнера задать position: relative, а для блока с картинкой position: absolute; bottom: 0px; right: 1000px; (отступ правого края с учетом размера всего документа 1020px) Но вот что-то как то не работает. Правильно ли делаю? Или может есть другой способ решить данную проблему. П.С. использую Blueprint CSS Framework, может из за его разметки так не выходит …

    Asked by cul8er,

    0 votes
    7 answers

  24. Прибить элемент справо при фиксе.

    Привет! В очередном заказе столкнулся с задачкой, которую не смог решить должным образом, пока сделал по-другому, решил узнать у Вас, реально решить задачу средствами разметки и стилей, не привлекая js? Суть видна на картинке: Классический интернет магазин, фиксированый макета, 1000px, шапка, меню, контент, футер, ничего не обычного, НО в контентой части есть 4 превью товара, а ссылку на "Все предложения" дизайнер засунул напротив блока за его пределами, да еще и нужно прибить к краю браузера, т.е. при растяжке сайта он удаляется от нашего блока, при сужение наезжает, при этом он реагирует на скролл, ездит четко напротив блока(position:fixed следовательно отпадает), так …

    Asked by Spamol,

    0 votes
    9 answers

  25. Приведение CSS кода к нормальному виду

    Здравствуйте, взялся за редактирование чужого CSS файла и столкнулся со следующей проблемой. Создатель файла минимизировал код и теперь весь CSS идет в одну строку. Как мне привести его к нормальному виду?

    Asked by kupas,

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