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. Смешная проблемка с дивами

    Здравствуйте, у меня очень смешная проблема с блочной версткой. Я хочу сделать заглушку для сайта, после чего потихоньку начать разработку, совмещая все это с заказами. (я не верстальщик, а дизайнер, но в основном хочу стать веб-программистом и уже начал делать прогресс, активно учусь). Задача, которую я себе поставил: Сделать repeat - фон - сделано. Сделать картинку (800х800) и разместить ее относительно Wrapper - тут-то и проблема. Код таков (index.html): <body> <div id='wrapper'> <div id='promo'> </div> </div> </body> В css: #wrapper { height: auto !important; width: 1000px; margin-left: auto; margin-right: auto; } img { bor…

    Asked by BetaVersion,

    0 votes
    2 answers

  2. Помогите разобраться!

    Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! 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>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…

    Asked by hrupin,

    0 votes
    10 answers

  3. Вызов окна во фрейме

    Есть файл, например, index.htm с содержимым: <style> #wind { position: absolute; width:320px; left: 35%; top: 100px; border:solid #105a98 4px; display: none; z-index: 10; overflow: hidden; background-color:#348c03; color:#fff; text-align:center; padding:10px; } </style> <a href="#" onClick="document.getElementById('wind').style.display='block'; return false;" title="Всплывающее окно">Открыть окно</a> <div id="wind"> Содержание всплывающего окна. <button type="button" value="закрыть" onClick="document.getElementById('wind').style.display='none'; return false;"> закрыть</button>…

    Asked by SFproG,

    0 votes
    7 answers

  4. Что за шрифт

    Не подскажите, что за шрифт используется в псевдоэлементах в content? Как я понял это не стандартный serif (Times N.R.) и не стандартный sans-serif (Arial)....и очень сомневаюсь, что декоративный или моноспейс) Перебирать все не стал уж. Может кто знает?

    Asked by alexandr_v-vich,

    0 votes
    3 answers

  5. Что такое default button

    Здравствуйте! Объясните, пожалуйста, что такое default button (в чем отличие от command button) и как ее вставить в html-код?

    Asked by hike,

    0 votes
    2 answers

  6. 2 колонки

    del

    Asked by Ergonav,

    0 votes
    1 answer

  7. Проблема с float в IE 6-7

    Позвольте вопрос по верстке. Проблема с float в IE 6-7. Есть макет сайта, имеющий структуру, как на схеме (упрощенно). Суть в том, что в в div основного контента вставлены два дива, один из которых, по замыслу должен быть пристыкован к левому краю, второй, соотоветственно к правому. Внутри каждого пристыкованного дива находится таблица для структурирования контента. Для левого пристыкованного прописано align:left; float:left, для правого, соответственно align:right ; float:right. Во всех браузерах отображается нормально, кроме IE 6-7. В IE 6-7 текст не обтекает внутренние диву и "спускается" ниже, а между внутреннними дивами отображается пустое поле. Как решить проблем…

    Asked by Palomnik,

    0 votes
    4 answers

  8. FAQ по кодировкам.

    Часто возникают типичные вопросы по кодировкам, типа: "перенёс страницу на хостинг а там одни квадратики". Ответы на эти вопросы не менее типичны. Прежде чем задать вопрос относительно кодировок обязательно прочтите этот FAQ. В: На странице не вместо кириллицы отображаются какие-то закорючки и кубики, что делать? >( О: Скорее всего вы либо не задали странице кодировку в meta-тегах, либо она не совпадает с кодировкой документа. 1. Сохраните файл в кодировке UTF-8 (без BOM). 2. В заголовках (<head>) страницы укажите эту же кодировку: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Более подробная информация по использован…

    Asked by Игорь Ермаков,

    0 votes
    29 answers

  9. Как сделать лучше?

    Есть сайт, на нем таблица. Мне присылают штук 20 прайсов в excel, в которых в одном столбце фото, в другом-название товара, в третьем-его описание, в каждом прайсе по ~50 строк. Нужно сделать интернет каталог. Дизайн практически сделан, но проблема с наполнением его из прайсов. До недавнего времени делал так: загонял екселевский файл в прогу на дельфи, которая создавала страницы с наполнением. Но так получается только с текстовым содержимым. Т.е. мне нужно как-то автоматизировать вытаскивание картинки из экселя и сохранение ее в папку и заполнение таблицы. Возможно ли это как-то сделать через базы данных? php, mysql не изучал, знаю html и css. сайт можно посмотреть на old…

    Asked by stationfuk,

    0 votes
    7 answers

  10. НЕстили

    Применить стили для всех кроме ...(класс, тег, идентификатор). Нельзя так, да?

    Asked by alexandr_v-vich,

    0 votes
    10 answers

  11. Верстка на дивах. Как правильно?

    Никогда раньше не задумывался над этим вопросом. Есть структура на дивах - они объединяют функциональные блоки. <div style="padding-top: 30px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> <li>Элемент</li> </select> <input type="button" value="test" style="margin-right: 60px;float: left;"/> <input type="text" style="width: 400px"></input> </div> <div style="padding-top: 10px;"> <select id="create" style="float: left;margin-right: 20px;"> <li>Элемент</li> </select> <input type="button" va…

    Asked by lost,

    0 votes
    5 answers

  12. Формула по центру

    Нашёл на данном сайте интересное задание на CSS http://htmlbook.ru/node/1054 Хочу предложить свой вариант решения , при котором всё центрируется как положено независимо от высоты формулы (картинки) <div style="width: 100%; text-align: center; position: relative;"> <img src="[ссылка на картинку с формулой]" /> <div style="display: inline-block; position: absolute; right: 0px; height: 100%;"> <table style="height: 100%; font: 14pt Calibri;" cellpadding="0" cellspacing="0"> <tr><td>([номер формулы])</td></tr> </table> </div> </div> Можно ли это оптимизировать?

    Asked by Logan,

    0 votes
    0 answers

  13. реконструкция блога

    Есть блог "бесконечность.od.ua" 2 колонки, узкий. Надо расширить и создать 3-ю колонку(2-ой сайдбар). Помочь можете?

    Asked by gusewvalia,

    0 votes
    1 answer

  14. Простая страница с сss.

    Добрый день. В данном коде элементы(изображения) с помощью css должны располагаться слева и справа (код для верхних и нижних элементов написал корректно). Как грамотно написать соответствующий код? <html> <head> <style type="text/css"> body{ position : relative; margin : 0; } /* вверхнее изображение */ #top{ float : centre; background: url(rep.jpg) repeat-x; /* Параметры фона */ height: 100; /* Высота блока */ } [img=http://s019.radikal.ru/i613/1203/2e/ec991701e907.jpg] </style> /* изображение cлева */ <style type="text/css"> .l1 { position : relative; } .l2{ position : absolute; top:5px; left:4px; } /* изображение справа отступ о…

    Asked by scofield,

    0 votes
    0 answers

  15. DOCTYPE и высота ячеек таблиц

    <!--DOCTYPE html--> <html> <head> <title></title> <style> html { border: red dotted 1px; height: 100%; } body { border: blue dotted 1px; height: 100%; } body > table { border: red solid 1px; height: 100%; } /*body > table > tbody > tr > td { height: 100%; }*/ body > table > tbody > tr > td > table { border: blue solid 4px; height: 100%; } </style> </head> <body> <table> <tbody> <tr> <td style="border: green dotted 3px;"> <table> <tbody> <tr> …

    Asked by skvor,

    0 votes
    1 answer

  16. Дочерние элементы таблиц

    Начал верстать таблицей и решил отказаться от классов. Наваял вот таких крокодилов W3 похвалил, сказал - всё валидно по CSS3. Konqueror 1.5 работает! O9/11, Fx (не помню, но не старый) и IE7 - не работают. Ошибка, кажется, в том, что table>tr>td не считаются дочерними и/или для табличных элементов не определяются first-child. Хочу узнать, есть ли более точная информация или я неправильно всё это понимаю.

    Asked by skvor,

    0 votes
    9 answers

  17. type="radio" в САФАРИ (5.1.2)

    Вот такая конструкция <div style="float: left; width: 15px; " align="right"> <input type="radio" > </div> в Сафари отображается серым квадратом без возможности выбора. Кто сталкивался? Баг Сафари? Как лечится?

    Asked by user_000149,

    0 votes
    1 answer

  18. тестирование?

    подскажите как установить ие6 на комп , всегда ошибка (имеется новая версия)

    Asked by olechic,

    0 votes
    5 answers

  19. Вертикальное выравнивание картинки

    Привет. Если раньше меня спасало line-height, то в этом случае почему-то не работает. Ссыль В дополнительных картинках видно, что изображение прибито к верху. Посоветуйте?

    Asked by d0ublezer0,

    0 votes
    13 answers

  20. оформление при дроблении статьи

    Здравствуйте уважаемые вёб мастера и профессионалы своего дела. Не давно пришла идея разделить свои длинные статьи на несколько частей. У меня это получилось, но достаточно коряво. Пытался использовать плагин wordpress "Next Page", но он показался мне не очень удобным, прописал код: <center><div id="page_2"> <?php wp_link_pages('before=Продолжение: '); ?> </div></center> и стиль: #page_2{position:relative;text-shadow: #fff 0px 0px 1px;color: #a0a0a0;text-align: center;border: 1px solid;border-color: #d9d9d9;padding: 2px 6px 2px 6px; font-weight: bold; height: 13px;width:140px;border-radius: 7px 0px 7px 0px;padding: 7px;margi…

    Asked by felixtrader,

    0 votes
    3 answers

  21. HTML5 теги (<header>, <footer> и т.д.) в FF3

    Есть ли способ поддерживать HTML5 теги (<header>, <footer> и т.д.) в FF < 4 версии? Использую для ИЕ html5shiv. Я так понимаю, html5shiv можно использовать и для FF, но как подгружать ее только тогда, когда FF < 4 версии?

    Asked by sitecor,

    0 votes
    3 answers

  22. вопрос по "get" и "submit"...

    Не могу решить такую проблему: Есть форма для поиска <form action="http://www...../search" method="get">. В ней есть инпут для ввода запроса <input name="q" size="22" />. Ну и кнопка, разумеется <input type="submit" value="Искать" />. Вопрос: Как сделать, чтобы текст из инпута отсылался на запрос всегда с "припиской", то есть некой текстовой константой, например вы вписали в инпут "Вася", а субмит отсылает запрос как "Вася 666", или вписали "Оля", а отсылается "Оля 666", то есть не зависимо от того что вы ввели всегда в конце должно приписывается " 666" (666 - просто для примера)... Как такое сделать? Помогите. Очень нужно.

    Asked by qwaszx,

    0 votes
    6 answers

  23. Ужасная проблема с div

    Как только начинаю задавать фиксированный размер, самым высшим дивам (которые включают в себя дивы колонки, контента, подвала) сайт начинает сильно штормить! А?! Изначально сайт расположен прямо по центру экрана, и если юзать колесико мышки вперед - назад, то сайт приближается и отдаляется, по центру экрана. А после моего вмешательства в размер дивов, сайт прикрепляется к левому верхнему углу, и если юзануть колесико мышки то изображение на экране отдаляется, а т.к. сайт прикреплен к левому верхнему углу то он после прокрутки колесиком скрывается за экраном.

    Asked by Diman777,

    0 votes
    9 answers

  24. прижать ДИВ к низу ячейки?

    Здравствуйте скажите как прижать ДИВ к низу ячейки? vertical-align:bottom; в мозиле и ИЕ неработает почемуто

    Asked by igor3310,

    0 votes
    2 answers

  25. Мнемоника HML5

    Прошу прощения за опечатку, не знаю как отредактировать тему. Речь конечно же про HTML5. Что-то изменилось? Например, не работает &emsp. Википедия пишет, что это HTML4. Так как быть? Неужели они такие вещи меняли и зачем.... Или этот пробел и в html4 не работает? Быстро вопрос решился, прошу прощения, снова. " ;" ?? Сбило, что обычный пробел в этом не нуждается...

    Asked by alexandr_v-vich,

    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