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. Как сверстать такое меню?

    Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.

    Asked by MiHALbI4,

    0 votes
    40 answers

  2. Меню на списках

    Всем добрый вечер. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>—--</title> <style type="text/css"> *{ margin: 0; padding: 0; } ul.menu { background: rgb(220,255,230); height: 70px; position: relative; list-style: none; text-align: right; } ul.menu > li { border-right: 1px solid rgb(250,130,30); display: inline-block; width: 8%; height: 100%; text-align: center; } </style> </head…

    Asked by Frolov,

    0 votes
    6 answers

  3. меню

    Извиняюсь за наглость, но не могли бы подсказать как сделать что то подобное??

    Asked by piy_piy,

    0 votes
    6 answers

  4. Полосы при создании фона

    Нужно сделать фон страницы с вертикальным градиентом. В качестве исходной используется картинка psd высотой более 2000 пикселей. Вырезаю из неё полоску шириной 1 пиксель. Сохраняю для веб, как jpg. Задаю полученную картинку с полоской фоном в свойствах css. background-repeat:repeat. В итоге получаю горизонтальное полошение. Если же делать всё тоже самое, но вырезать полоску шириной 40 пикселей, то полошения почти нет. Подскажите пожалуйста, если кто знает, из-за чего это возникает?

    Asked by Колос,

    0 votes
    7 answers

  5. Как поднять content?

    Доброе время суток! Как поднять content вверх к хедеру, но при этом чтоб sideLeft остался на месте? Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="title" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> <!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="…

    Asked by ilya_daddy,

    0 votes
    4 answers

  6. вопрос по list-style-type

    Вопрос следующий: мне нужно сделать список где цифры должны быть выделены жирным шрифтом а все остальное обычном Пример: 1. Бла бла 2. Бла бла 3. Бла бла Нумерацию я делаю через decimal. т.к. если ставить none то строки будут переноситься под цифру Пример: 1. Бла бла бла бла бла бла бла а нужно что бы было Пример: 1. бла бла бла [пробел]бла бла бла Так вот... как мне сделать нумерацию жирным шрифтом? )

    Asked by sh1va,

    0 votes
    2 answers

  7. Проблема с плеером на сайте ucoz

    Здравствуйте! Я понимаю, что ucoz здесь не приветствуется, но все же, может, кто-нибудь подскажет решение задачи... А проблема в следующем: На этой странице http://grafikaplus.ucoz.ru/forum/7-3-1 стоят плеера прослушки (2 вида), у кого-то звук идет нормально, у кого-то вообще не идет. Причем и браузеры разные, и флеш у людей установлен. В чем проблема? Есть решение? Заранее спасибо!

    Asked by Тамрико,

    0 votes
    12 answers

  8. концептуальное отличие B от STRING и I от EM

    Сабж. Не могу понять, зачем нужен B и I. Смотрим DTD xhtml 1.0 strict: так в чем разница?

    Asked by phpist,

    0 votes
    7 answers

  9. Что значит подобная записть?

    В CSS: Индификатор же определяется так Встретил в коде такое.

    Asked by SoFuWa,

    0 votes
    4 answers

  10. Расстояние между div если внутри список

    вот простой код, в этом случае центральный div не прилегает в плотную к остальным, между ними есть расстояние по вертикали когда display:inline , почему?

    Asked by SoFuWa,

    0 votes
    38 answers

  11. про карусель и <MARQUEE>

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

    Asked by malena,

    0 votes
    4 answers

  12. Как быть с тэгами index/noindex?

    Заказчику сеошники втирают про просто-таки жизненную необходимость присутствия на странице не предусмотренных ни одной спецификацией тэгов <index> и <noindex>. Я сама в теме seo где-то около полного нуля, и возразить ничего не могу, даже если и существуют увесистые соображения против. При этом когда вижу красную реакцию валидатора на свою страницу, всё внутри переворачивается, естество восстаёт, а совесть спать спокойно не даёт. Как быть?

    Asked by swetlana,

    0 votes
    8 answers

  13. зачем getElementById

    В многочисленных примерах кода часто используется функция getElementById, вот например "озебривание" таблицы: <table border id="tb"> <tr><td>1.1<td>1.2<td>1.3</tr> <tr><td>2.1<td>2.2<td>2.3</tr> <tr><td>3.1<td>3.2<td>3.3</tr> <tr><td>4.1<td>4.2<td>4.3</tr> <tr><td>5.1<td>5.2<td>5.3</tr> <tr><td>6.1<td>6.2<td>6.3</tr> <tr><td>7.1<td>7.2<td>7.3</tr> <tr><td>8.1<td>8.2<td>8.3</tr> <tr><td>9.1<td>9.2<td>9.3&lt…

    Asked by rgl,

    0 votes
    1 answer

  14. Буквы разных цветов в одной строке.

    Здравствуйте, нужна следующая надпись (вложено), возможно ли так сделать средствами HTML+CSS? Знаю, что первую можно выделить как захочется, применив псевдоэлемент first-letter. Как поступить здесь?

    Asked by Red Planet,

    0 votes
    1 answer

  15. Дергается браузер в Opera

    Собственно, часто вижу сайты, в которых в Opera дергается экран. А точнее сказать - поднимается на разное расстояние от низа страницы. последнее, что пришло в голову http://intoishn.ru/webdesign Смотреть в Опере. Сайт не мой, но таких много. Кто-нить сталкивался с таким? Отчего так происходит? Самое интересное то, что на одной странице прыгает, а на другой (с точно такой же структурой по вёрстке) - нет. Сверстал очередной проект - та же проблема. Не могу найти закономерность. Спасибо.

    Asked by DjTarik,

    0 votes
    33 answers

  16. Возможно ли разрешить вводить в <select> свои значения,...

    Понимаю, что select предназначен для выбора значений, а не ввода. Но очень хочется заполнить select option'ами из базы (с помощью PHP) и разрешить пользователю ввести свое значение туда же. Раньше в delphi немного програмил, там это спокойно получалось. Поэтому очень не хочется после select'а пихать какой-нибудь доп. input Подскажите, пожалуйста, возможно ли это?

    Asked by Николай Катков,

    0 votes
    6 answers

  17. Выравнивание

    http://flowers-in-the-house.ru/primer.html Справа нужно вставить картинку и что бы при любом растягивании страницы контентом она была вплотную к нижней зелёной поолске. Как так делать? Кол-во новостей естественно будет менятся и высота блока новостей. Вёрстка дивами

    Asked by SoFuWa,

    0 votes
    4 answers

  18. Меню

    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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Информационный сайт</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </head> <body><div id="page"> <div id="header"> <h1>Название сайта</h1> <h2>Краткое описание сайта</h2> </div> <div id="menu"> <ul> <li><a href="#">Главная</a></li> <li&g…

    Asked by alexandr.coder,

    0 votes
    3 answers

  19. стили картинок в джумле

    Кто знает почему стили для картинок не работают в джумле? Сделал шаблон, все стили работают, а для картинок не работают. В файле temlates.css определены. Смотрел в коде генерируемой страницы, джумла им сови классы не присваивает, стоят мои, а свойства не меняются. Например обводка картинок не работает.

    Asked by SoFuWa,

    0 votes
    5 answers

  20. Как убрать зазор между блоками в ИЕ6

    В общем, уже и не знаю что делать. Часа четыре сижу не могу понять где же я не прав. Верстаю закруглённые углы. Получается левый и правый - картинки (бг), а линия - тоже бг зарепиченый по оси Х. И вот в ИЕ6 вылазит щель, и хоть ты тресни. Уже испробовал кучу всяких советов, которые нашёл на форуме, но то ли руки кривые, то ли уже устал ...х/з. Собственно, вот сам трабл: http://rubanys.narod.ru/index.html

    Asked by Belovsan,

    0 votes
    7 answers

  21. Выпадающее меню :hover

    Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…

    Asked by Frolov,

    0 votes
    4 answers

  22. Табличная верстка

    Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.

    Asked by latierra,

    0 votes
    1 answer

  23. .htaccess

    Привет всем! Помогите со след.проблемой , подскажите коды редиректа которые нужно прописать в .htaccess, чтобы перенаправляло на главную страницу сайта вместо sait.ru/index.html заходил на sait.ru и как я понял для каждого вида страниц отдельный код, если не трудно пропишите тут и для index.php Всем заранее спасибо! Потом тему можно удалить на php нашел DirectoryIndex index.php RewriteEngine On # Редиректы RewriteRule ^page/(.*)$ index.php?cstart=$1 [L] но что то не работает... (( мне на поддомен надо, может путь надо указывать? если то как? DirectoryIndex index.html index.php index.shtml map.html нашел в инете

    Asked by dauren300,

    0 votes
    1 answer

  24. IE7 появляется отступ

    Не пойму, почему появляется отступ в IE7? На картинке видно белую полосу. Вот страничка, например. Причем, глюк проявляется только в каталоге. В FF, хроме и опере нет отступа. В 8м ИЕ не проверял - у меня его нет на работе. UPD: логин/пароль для входа на сайт: km Сайт просто еще в работе.

    Asked by d0ublezer0,

    0 votes
    8 answers

  25. Сортировка таблицы - мелкая деталь

    Как сортировать таблицу на HTML+JavaScript? Несложно нагуглить объяснения и готовые решения с описаниями. Однако все то, что мне удалось найти, рассматривает задачу как единое целое, и ответ на интересующий вопрос приходится "выкавыривать" из описания и примера. (При этом нет уверенности что эта "выковырянная" информация правильная). На самом деле задачу нужно рассматривать как несколько относительно независимых задач 1. Событие, по которому надо сортировать таблицу по той или иной колонке. 2. Применяемый алгоритм сортировки, написанный самостоятельно, или же использовать встроенную функцию 3. Функция сравнения (простые варианты - сравнивать как числа, сравнивать как стро…

    Asked by rgl,

    0 votes
    1 answer

  • Обсуждения

    • 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