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. Разместить 2 <div> фиксированой ширины по центру

    В общем идея на картинке: Не самая сложная затея. пытаюсь сделать без шаблонов и застрял вот на этом. Верхний div - ширина 1024 Меню + Главное 104 + 920 = 1024 Верхний очень красиво выровнялся с помочью margin:auto 3-й поставил около второго, приписав ко второму float: left Вопрос: можно ли как то 2 и 3 отцентровать чтоб они вели себя как верхний, не прибегая к подгонке с помощью padding и прочих извращений ? ? ? СпасибО ! ХТМЛ: <body> <div id="roof" align="center">1 крыша</div> <div id="left">2 менюшка</div> <div id="main">3 главное</div> <br /> <br /> <div id="flour">4 низ</div> </body> CSS:: @…

    Asked by volkoff,

    0 votes
    13 answers

  2. Разместить 3 колоки div-ами по горизонтали

    Помогите пожалуйста полному чайнику :-). Нужно выровнять три слоя одинаковой высоты по горизонтали. Два крайних фиксированной ширины, средний - резиновый размер. Подскажите, пожалуйста, как лучше это сделать?

    Asked by Lykreziya,

    0 votes
    2 answers

  3. разместить footer при помощи position

    помогите пожалуйста поместить footer под область основной информации сайта. я пытаюсь сверстать позиционированными блоками вот этот сайт вот что у меня получается http://narod.ru/disk/19397755001/index.php.html. как видите, footer1 находится не на своём месте. использовать не position, а другие способы пожалуйста не предлагайте. так как я хотел бы разобраться именно с position(при помощи float я уже сверстал это же). ps высота блоков с основной информацией меняется, поэтому не могу жестко прописать положение footer-а.

    Asked by cyklop77,

    0 votes
    6 answers

  4. Разместить анонс текста в заданные размеры

    Здравствуйте! Задача состоит в том, чтобы текст с описанием разместить в блок заданной высоты, чтобы это смотрелось корректно. Проблема в том, что текст может иметь совершенно различное форматирование (разный шрифт, жирность, наличие или отсутствие заголовков и пр.); и соответственно, его точную высоту нельзя рассчитать заранее. Поэтому, может получаться вот так: Хотелось бы еще добавить в конец строки многоточие. Как можно это сделать?

    Asked by Светлана Г.,

    0 votes
    10 answers

  5. Разместить блок (подвал) по центру снизу.

    Нужно разместить не фиксированный блок шириной 1000px по центру низа страницы. Атрибут "align" не предлагать.

    Asked by pxdude,

    0 votes
    10 answers

  6. Разместить в одну колонку

    Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> …

    Asked by marc,

    0 votes
    1 answer

  7. Разместить картинку сбоку от опредёленного элемента после загрузки страницы

    Здравствуйте! Здесь слева от категории Подарки к 2016 году надо добавить картинку, которая будет стоять за пределами бордовой области. Пробовал добавлять картинку через background-image для <li> и смещать её с помощью background-position, но это не даёт фоновой картинки вырваться за пределы бордовой области. Как можно добавить картинку слева от "Подарки к новому 2016 году" за пределами бордовой области? Через jq?

    Asked by borus,

    0 votes
    1 answer

  8. Разместить рисунок выходящий за рамки ДИВа

    Привет всем! Мне надо разместить картинку в футере, кторая будет выходить за рамки ДИВа футера. Как это сделать? Помогите советом... или может кто-то сталкивался... прошу помощи

    Asked by privat,

    0 votes
    11 answers

  9. Разместить таблицу по центру body

    Подскажите пожалуйста, как разместить таблицу шириной 300 px и высотой 100 px в центре страницы? Причем разместить необходимо как по вертикали, так и по горизонтали страницы.

    Asked by Alex_Dark74,

    0 votes
    2 answers

  10. Разместить таблицу по центру страницы

    Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.

    Asked by MatildaSPb,

    0 votes
    5 answers

  11. Разместить текст поверх блока <canvas>

    Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…

    Asked by Adamatis,

    0 votes
    0 answers

  12. разместить фигуры относительно границ экрана

    Помогите пожалуйста. Нужно разместить квадраты на страничке (см. файл http://ifolder.ru/14188481), как показано на рисунке(см. тот же файл). При этом пользоваться можно только средствами css, html-код трогать нельзя. Заранее спасибо.

    Asked by Arkada,

    0 votes
    7 answers

  13. разметить текст блока с кратким описанием языка HTML

    Оберните текст «HTML» парным тегом <span> с атрибутом class и значением term. Оберните текст «HyperText Markup Language» парным тегом <span> с атрибутом class и значением hint. Оберните текст «Всемирной паутине» парным тегом <a> с атрибутом href и значением https://ru.wikipedia.org/wiki/Всемирная_паутина. Весь текст оберните парным тегом <p>. Оберните тег <p> парным тегом <main> с атрибутом class и значением content. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage (с…

    Asked by vea_victis,

    0 votes
    1 answer

  14. Разметка html и тег UL

    Копирайтер прислал текст вот в таком формате: "...Все наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТО: -- Опытных и вежливых грузчиков. Все наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе наши машины регулярно -- Квалифицированных сборщиков мебели. Все наши машины регулярно проходят ТО Все наши машины регулярно проходят ТОВсе…

    Asked by Epileptoid,

    0 votes
    5 answers

  15. Разметка блока

    Здравствуйте, верстаю учебный урок №2. Думаю вот так разметить блок: Подскажите как правильней. Чистый скриншот если кто-то захочет нарисовать свою разметку:

    Asked by ShootingStar,

    0 votes
    13 answers

  16. Разметка в три колонки

    Имеется вот такой вот макет разметки, в три колонки с футером и хэдером. Пока некорректно отображается, что нужно подправить, чтобы правильно отобразилось в IE6,7 FF2 Opera9 ? index.html <!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> <title>Untitled Page</title> <link rel=stylesheet href=default.css type=text/css /> </head> <body> <div > <!-- #include file="header.html" --> </div> <div style="display:inline"> <div id="left" ><!-- #include file="menu.html" -…

    Asked by ONIX,

    0 votes
    1 answer

  17. Разметка в фотошопе / автофайл HTML

    Прочитал глазами новичка статью http://2people.ru/?p=23 У автора маловероятно спросить, написанному более 3х лет. Поэтому спрашиваю опытных верстальщиков: Зачем нарезать PDS файл инструменом Slice? Кстати, Влад Мержевич описывает такой подход тоже. Если PDS файл содержит слои, созданные дизайнером то, мне кажется, вместо порезки правильнее сохранить нужные изображения слоями как отдельные картинки. При таком подходе, вероятно, не сработает автогенерация HTML файла Фотошопом. Но автофайл представляет собой табличный вариант вёрстки, который менее предпочтителен по многим причинам, если я правильно понимаю материалы выложенные Владом Мержевич. Использовал ли кто нибудь авт…

    Asked by seemax,

    0 votes
    11 answers

  18. разметка компонента

    помогите пожалуйста разобраться в вопросе обычно, делая компонент, разработчик предоставляет возможность добавить в html один элемент. например: <div id="megaSlider"></div> и затем подключенные скрипты заполняют этот компонент нужной разметкой и поведением. это красиво и лаконично. но не всегда удобно. например, если используется bootstrap и шаблонизатор типа underscore. в этом случае при написании компонента разработчику приходится поочерёдно открывать шаблоны и добавлять в них классы: container, row, col-md-6 и т. д. от такой деятельности голова пойдёт кругом но есть и другой путь. в теле страницы вместо <div id="megaSlider">&l…

    Asked by cyklop77,

    0 votes
    0 answers

  19. Разметка сайта

    Встал вопрос разметки сайта. Честно пытался поискать сам, но плохо понимаю как это называется правильно. Вопрос следующий: как выглядит структура когда для сайта со стандартной шапкой, меню и изменяющимся содержимым. Обновляется весь сайт после перехода по ссылке меню или только рабочая часть? Используются фреймы или что-то другое?

    Asked by Splash,

    0 votes
    2 answers

  20. Разметка страницы для печати на принтере

    Здравствуйте. Вопрос о полях принтера. Образец того что хочу достигруть разметкой html Взял пример кода из ваших примеров, как его сдвинуть поля, по примеру предосмотра в ексель? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>padding</title> <style type="text/css"> .layer { background: #fc3; /* Цвет фона */ border: 2px solid black; /* Параметры рамки */ padding: 20px; /* Поля вокруг текста */ } </style> </head> <body> <div class="layer"> Lorem ip…

    Asked by 550953,

    0 votes
    6 answers

  21. Разметка формы обратной связи

    Пример кода http://jsfiddle.net/FkWuR/ Никак не могу справится с разметкой. чуствую изначально пошел не в ту сторону, а теперь глаз замылился, вот и туплю. В идеале должно быть так: В Хроме 16, IE 8, Opera8.54 отображается примерно так как хочется. В ИЕ7 все идет столбиком. В FF поле E-mail сползает вниз. Андроидный браузер переносит поле Тема на новую строку... HTML <div class="feedback"> <form class="content2" method="post" action="index.php?id=8"> <input name="formid" value="feedbackForm" type="hidden"> <p><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></p> <p><…

    Asked by Tohin,

    0 votes
    6 answers

  22. разметку сбивает какой-то служебный символ

    Здравствуйте, друзья! html разметка страницы нарушается каким-то служебным символом. фрагмент разметки вот: <div id="ja-content"> ? <table class="contentpaneopen"> <tr> <td class="contentheading" width="100%"> Интернет-магазин Jackson's store </td> </tr> </table> </div> Перед надписью "Интернет-магазин Jackson's store " появляется отступ сверху, который никакими корректировками css или html кода не убирается. Что интересно. Если, например FireFox скопировать этот код из окна просмотра кода (Ctrl+U) и вставить в notepad++, то код выглядит так: <div id="ja-content"> ?<table class="contentpaneopen"> …

    Asked by myspace2000,

    0 votes
    2 answers

  23. Размещение

    Проблема а вернее вопрос в следующем: нужно разместить 4 изображения, каждое в разных углах, тобишь в левом верхнем, в правом верхнем, нижнем левом и нижнем правом. А между ними контент. Это легко реализуется через таблицы. Но так как стремлюсь к лучшему, хочется это сделать через div. Подскажите как сделать это наиболее правильно.

    Asked by svdsLis,

    0 votes
    5 answers

  24. Размещение div внизу родителя

    Требуется с помощью css прилепить div к нижней границе контейнера (td/div). Что-то типа valign=bottom , который в данном случае не подходит, так как другие элементы, находящиеся в контейнере, должны отображаться как обычно (valign=top). Попробовал через position:relative, но что ещё там настраивать не понял... как правильно bottom задать? Заранее благодарю за помощь.

    Asked by Raynor,

    0 votes
    5 answers

  25. Размещение div с текстом по центру

    Есть html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Переход на внешний сайт</title> </head> <body> <div> <span> <h2> Переход по внешней ссылке </h2> <p> Вы будете перемещены через [b]секунд[/b] </p> </span> </div> </body> </html&gt…

    Asked by Strek,

    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