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. По ширине содержимого

    Имеется блок div <div class=''> Одна строка текста разной длинны</div> Вопрос: как сделать так, чтобы ширина блока устанавливалась автоматически равной ширине содержимого (строки текста), во всех браузерах желательно.

    Asked by RiG,

    0 votes
    4 answers

  2. Прошу помощи с формой отправки

    Коллеги, помогите, плиз, решить задачу с формой. Имею: <select name="pay_mode"> <option value="21">Банковский платёж</option> <option value="3">Почтовый перевод</option> <option value="4">WMR</option> <option value="2">RBK Money</option> </select></td></tr><tr><td height="20" colspan="2"> </td></tr> </table> <input type="hidden" name="count" value="1"><input name="tovar_id" value="2"> и так далее... КАК сделать так, чтобы при выборе, например "Почтовый перевод", информация отправлялась не с <input name="tovar_id" value="2">, а с <input name="tovar_id"…

    Asked by zula,

    0 votes
    7 answers

  3. Очень простая задачка!

    Вот есть форма с авторизацией.Там есть текстовое поле для пароля.И я хочу чтоб начальное значение у него было "Пароль" .Так вот когда делаю value='Пароль' ,то вместо этого у мя звёздочки.Как сделать ,чтоб были буквы?

    Asked by new01,

    0 votes
    13 answers

  4. Высота элементов формы в опере

    Форма расположена в строчку, в ней присутствуют элементы <label>, <input>, <button>, <select>. Этим элементам заданы одинаковые font-size, height, line-height, padding, margin. В большинстве браузеров всё в порядке, но в Опере высота элементов значительно отличается даже на глаз, хотя DragonFly считает, что высота одинаковая. Притом Опера на маке показывает только смещённый вверх <select>, а Опера на Windows 7 показывает смещённый вниз <select> и приплюснутый <button>. Тестовая версия сайта здесь: http://domosed.agroup.tmweb.ru/ Речь о горизонтально расположенной форме фильтра в верхней части. Заказчик Оперу очень любит и в таком …

    Asked by wildhind,

    0 votes
    8 answers

  5. Абсолютное и статическое позиционирование

    Доброе время суток. Есть абсолютно позиционированная менюшка на центрированном сайте. если окно браузера не развернуто, то, естественно, она накладывается на остальной контент. как этого избежать? Пример: <body> <div id='весь сайт'> весь контент </div> <div id='menu'>абсолютно позиционированно так, чтобы оно было слева от контента </div> </body> Абсолютное позиционированние нужно для СЕО. То есть контент должен быть выше менюшки. Помогите разобраться, пожалуйста! В поиске не нашел

    Asked by otmoroz095,

    0 votes
    25 answers

  6. Блок не растягивается в зависимости от содержимого в опере

    http://iwwin.500mb.net/Portfolio/BusinessCo/ Блин, даже в IE6 проблем меньше, чем в опере. Блоки в "Business Solutions" не растягиваются в зависимости от содержимого и накладываются друг на друга. Спасает только указание минимальной высоты блоку, но этого мне не нужно, ибо надо, чтобы между блоками оставалось фиксированное расстояние, а сами блоки растягивались от содержимого. Но не получается( Подскажите, в чём проблема? Зы если смотреть не с хостинга, то отображается всё нормально

    Asked by flagreit,

    0 votes
    4 answers

  7. выравнивание содержимого ячейки

    хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; }

    Asked by atew,

    0 votes
    1 answer

  8. Опять о поиске на сайте

    Как сделать, если на сайте стоит Гугловский поиск, чтобы в результатах поиска к ссылке на найденную страницу добавлялся и адрес Якоря? А если это не реально, то можно ли сделать в собственном поисковике? Если да, то дайте пожалуйста ссылку на урок, а лучше на скрипт!

    Asked by chest,

    0 votes
    16 answers

  9. Главная страница!

    Здравствуйте! Возникла вот такая проблемка: делаю сайт на денвере, и при вводе названия сайта в ИЕ меня бросает не на главную страницу сайта (index.php) а в папку со всеми документами о сайте. Скажите плз как это изменить? З.Ы: прикольно сайт переделали!=)

    Asked by Lumen,

    0 votes
    2 answers

  10. Плавающая ширина дива

    Доброго времени суток! Подскажите, пожалуйста, как можно решить следующую проблему: Есть такой код: <div id="body"> <div id="content">Content</div> <div id="news">News</div> </div> №news имеет фиксированную ширину, но его может вообще не быть в документе. Я никак не придумаю, как мне сверстать так, чтобы в случае отсутствия #news, #content растягивался на всю ширину #body, а в случае наличия - находился слева от #news. Сейчас #content растягивается на всю ширину, а #news уходит под него. Буду признателен за советы, а то голову уже сломал. Полный листинг: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://ww…

    Asked by corsair,

    0 votes
    5 answers

  11. Проблема с тенью по бокам

    Здравствуйте. Вот дизайнер меня попросил добавить тень по бокам сайта. Т.к. эффект популярный я погуглил, нашёл разные решения, но то, что я нашёл и попробовал не совсем мне подходит. Вот как должно быть: http://s05.radikal.ru/i178/1103/fb/0fe06aeec462.jpg. Я брал полоску этой тени и засовывал её в обёртку блок, блок делал width: 1010px; . Но в том случае появляется такая проблема, что слева полоска отображается корректно, но т.к. она начинает идти слева направо, то справо я получаю что нарастание тени идёт не слева направо, как надо, а наоборот. Вот как в таких ситуациях правильно сделать? А то, что я пробовал дальше это уже глупость и шаманство какое то было, пробовол д…

    Asked by prowoke,

    0 votes
    6 answers

  12. Завершаем обтекание в IE

    В общем clear:both; не работает в 7 и 9 IE http://pashkes24.narod.ru У всех остальных браузерах все норм. Как быть в моем случае?

    Asked by Pashkes,

    0 votes
    35 answers

  13. 3 вопроса

    Всем добрый вечер! 1. При увеличение масштаба в любом браузере появляется нижняя прокрутка. Это то ладно, но если прокрутить вправо, то видно, что футер и хедер обрезаны. Нашел 1 выход из этой ситуации: min-width: 1200px;. Но при этом, при увеличении масштаба хоть на 10% уже появляется нижняя прокрутка. Как сделать так, чтобы хедер и футер все-таки не обрезались?

    Asked by Sergey25,

    0 votes
    0 answers

  14. Блочная верстка, 3 колонки, не тривиально

    Столкнулся с такой проблемой: Надо сделать что то типа: <<< левая колонка % >>> <<< Центр фиксированный (960px) >>> <<< правая колонка % >>> Левая и правая колонка плавающей одинаковой ширины, центр фиксированный. Знаю, что очень просто реализовать на таблицах, знаю быстрый способ через jquery. Но интересен именно метод xhtml + css. Важно, что стандартный метод с присваиванием width 50% левому и правому блоку не подходит, так как в левом и правом блоке будут лежать background-image, с позиционированием у левого блока bgposition right, у правого - left (сделано так, что бы картинка бэкграунда тянулась на монитора с б…

    Asked by omggga,

    0 votes
    3 answers

  15. Как проставить пробел, по ширине равный цифре?

    Как проставить пробел, по ширине равный цифре? В Википедии обнаружил, что этот символ называется «FIGURE SPACE», но почему-то в Википедии он отображается не пробелом, а каким-то квадратиком. Даны коды этого символа в юникоде: 2007 и 8199. Как набрать этот символ через юникод? Зажимал Alt+2007 и Alt+8199 — не получилось. Странно, что так мало информации об этом пробеле, по крайней мере в русскоязычной части интернета. Про дефис, тире различной ширины, цифровой и другим видам черт — информации пруд пруди, а касательно этого пробела почти ничего и не писано. Использовать этот пробел я хочу в записи телефонного номера: +7 (123) 456?78?90. Чёрточки между цифрами равны по ширин…

    Asked by Гейка,

    0 votes
    11 answers

  16. CSS файлы

    Всем добрый вечер! У меня в папке "topics" - 15 статей (topi1.html, topic2.html, topic3.html, etc) В папку "css" - 15 css файлов соответственно (topic1.css, topic2.css, topic3.css, etc) CSS файлы для всех статей почти одинаковые, в некоторых файлах только есть стили, которые в других не используются. Как лучше сделать: оставить для каждой статьи свой css файл или же создать 1 большой css файл для всех 15 сразу? Ничего страшного, что на некоторых страницах будут подгружаться стили, которые не будут использоваться?

    Asked by Sergey25,

    0 votes
    6 answers

  17. Горизонтальное меню картинками при помощи CSS

    Задача сделать горизонтальное меню средствами css, при этом картинки должны менять при наведении курсора. Как сделать ролловер, я нашел: http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee Подскажите как при этом сделать горизонтальное меню например из 5-ти пунктов.

    Asked by Goldie,

    0 votes
    9 answers

  18. Таблица в ячейке (Opera и IE)

    Вот код: //———————————————————————————————————————— <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Тест1</title> </head> <body> <style> body, html { width: 100%; height: 100%; } body { margin: 0px; } </style> <table style="width: 100%; height: 100%;"> <tr> …

    Asked by Metus,

    0 votes
    8 answers

  19. Создание таблицы из 3 частей.

    Всем привет! В ходе работы создался вопрос, который не могу решить. У меня есть нарисованная картинка в виде таблички: примерно такая, только без надписей top, bottom и т.д. я распилил её на три части и назвал top.png, center.png и т.д. а потом захотел сделать из неё таблицу (фон для контента) и влепил сначала первый слой, где находился center (и задал background repeat-y) а затем ещё два слоя где указал no-repeat для бэкграунда top.png и bottom.png. В общем, ребята, у меня какая-то каша получилась. Расскажите пожалуйста, как бы вы решили подобную проблему, если бы столкнулись с ней. Огромнейшее спасибо всем кто откликнется.

    Asked by boompaw,

    0 votes
    6 answers

  20. Смена картинки при наведении курсора

    Помогите, пожалуйста, написать код. Есть ссылка на страницу в виде картинки, хотелось бы сделать, чтоб при наведении курсора мыши на эту картинку она менялась. (на многих сайтах менюшки так сделаны) Заранее, спасибо.

    Asked by Snake,

    0 votes
    19 answers

  21. vertical-align: middle не работает на IE7

    Много тем с разными решениями которые не работают. Как решается проблема? Тут это видно на картинках которые не квадратные.

    Asked by Pumych,

    0 votes
    12 answers

  22. Проблема наверное с колонками таблицы

    Здравствуйте. Помогите пожалуйста разобраться. У меня такая проблема (фото кликабельно) Я совсем новичок можно сказать. Подскажите пожалуйста где копать и какой кусок кода показать?

    Asked by shu-shu,

    0 votes
    15 answers

  23. По поводу цвета (цветов).

    Здравствуйте! Я никак не пойму, вот допустим есть зеленый цвет RGB #008000, тут красного нет, зеленого 8 и синего тоже нет? Я правильно рассуждаю? Когда есть одни цифры это вроде как понятно, а вот когда есть буквы это уже что значит? И еще вопрос, вот допустим мне нужно сделать самый слабый который есть на свете зеленый цвет как это сделать? Я надеюсь Вы меня поняли. Заранее спасибо за ответы. P.S. В яндексе, гугле, википедии искал. Ничего не нашел. Может плохо искал?

    Asked by _one,

    0 votes
    5 answers

  24. псевдостиль для картинки

    вот на той странице http://htmlbook.ru/css/hover написан такой способ установки стилей что это такое и как понимать такую последовательность?проблема, что мозилла 1.8 отображает hoover картинку (в hoover установлен фон) криво: вот так http://nhjugfbd.at.tut.by/18.jpg , т.е. фон не по всей плоскости картинки, а только нижняя часть. при этом замещающий текст, если картинка отсутствет, при наведении исчезает за белым фоном. а если картинка смещена вверх (margin-botoom, то hoover-тень за ней не смещается, а светится такой же фигнёй: полоска снизу от фона и выше белое. можно ли установить отдельный hoover стиль для картинки? как его задать? и можно ли устанавливать hoover сти…

    Asked by Rilo,

    0 votes
    14 answers

  25. выравнивание содержимого ячейки

    хочу что бы размер ячейки был = размеру содержимого мой код. TABLE { table-layout: fixed; position: fixed; top: 10px; float: left; left: 790px; font-size: 14px; font-weight: bold; vertical-align: top; } TD { vertical-align: top; } <table width="200" border="1" > <tr> <td><a href="#"><ul>item 1</a></td> </tr> <tr> <td><a href="#"><ul>item 2</a></td> </tr> <tr> <td><a href="#"><ul>item 3</a></td> </tr> <tr> <td><a href="#"><ul>item 4</a>…

    Asked by atew,

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