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. Вертикальное Выравнивание Текста

    На просторах интернета нашел такое колдунство: <!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> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 10px; } input { height: 200px; line-height: 200px; text-align: center; font-size: 24px; -mos-transform: rotate(-90deg); border: red 1px …

    Asked by Great Rash,

    0 votes
    16 answers

  2. Изображение Налезает На Навигацию

    Скажите,как сделать чтоб навигация закрывала часть изображения,если размер браузера уменьшен и уже меньше 800 в ширину,дело в том что при уменьшении окна браузера получаеться вот такое,скажите, как сделать чтоб навигация закрыла часть его, а не на оборот,картинка навигацию как в моём случаи. Вот сайт: http://tort-tort-tort.narod.ru/

    Asked by people2010,

    0 votes
    4 answers

  3. Validation Output: 6 Errors

    Всем привет! Хочу довести сайт до ума и сейчас занялся Валидностью кода! Было 131 ошибка, но снизил все до 14 4 из них это noindex - бог с ним! Но вот привожу 10 остальных! document type does not allow element "div" here …h +'px;height:'+ bigHeight +'px;z-index:9999;'+xPosBig+';top:-1000px;">'); document type does not allow element "div" here …mbWidth +'px;height:'+ thumbHeight +'px;z-index:9999;'+xPos+':0px;top:0px;">'); end tag for "param" omitted, but OMITTAG NO was specified …ad.ru/images/banners/butikparfum.swf"><embed src="http://onlin.... there is no attribute "src" …s/banners/butikparfum.swf"><embed src="http://onlid.ru/images/banne… there i…

    Asked by artrush,

    0 votes
    15 answers

  4. Рисунок В Таблице

    Здравствуйте вот такой вопрос: беру рисунок и помещаю его в таблицу 1X1 посредством <table cellpadding="0" cellspacing="0" border="0" bgcolor="#aaaaaa"> <tr><td><img src="logo.gif" ></td></tr> </table> То есть идея такая - чтобы границы таблицы были строго по границам рисунка. Но внизу появляется серая полоска- т.е. таблица получается больше чем рисунок. Каким же образом сделать так, чтобы границы таблицы строго совпадали с границами рисунка?

    Asked by miknsk,

    0 votes
    4 answers

  5. Вопрос Про Ссылку С Указанием Позиции

    Кто знает, как в открыть текстовой файл в виде окошка и показать в окошке нужную строку?

    Asked by mike3,

    0 votes
    1 answer

  6. Вопрос Про Классы

    Имеется конструкция подобного вида. <div class="element1 add">...</div> <div class="element2">...</div> <div class="element3">...</div> <div class="element4">...</div> <div class="element5">...</div> Вопрос, собственно, про css. Возможно ли, не добавляя дополнительных тегов изменять класс "element1" в зависимости от того есть класс "add". На пальцах: текст, что в диве с классом "elemen1" синего цвета. при добавлении класса "add" он должен стать красным... текст, что в диве с классом "element2" серого цвета, при добавлении класса "add" он должен стать зеленым. и так далее. js использовать нельзя

    Asked by Shugich,

    0 votes
    3 answers

  7. Вывести Диалог

    Здравствуйте. Возможно я задам ламерский вопрос, но прошу помощи. Задача такая: нужно по щелчку по ссылке показать диалог с информацией из БД. Не отдельно всплывающее окно, а поверх основной страницы (аналог Delphi Form.ShowModal) Извиняюсь за косноязычие. Отнеситесь к начинающему с пониманием. Куда копать?

    Asked by sviloga,

    0 votes
    25 answers

  8. Обрезать Изображение При Экране Меньше 800 Шириной

    Скажите, как обрезать средствами ксс изображение при экране 800х600. Когда изображение меньше ширины 800 пикселей.

    Asked by people2010,

    0 votes
    2 answers

  9. Проблема С Чекбоксом И Одним Дивом

    Здраствуйте, сверстал шаблон http://vsegarazd.com/nikita/pencils/fish.html. Но в ие7, ие6 нарисовались две проблемы? Первая проблема label "Запомнить пароль" оказывается под чекбоксом а должен быть напротив. Вторая пропадает посередке картинка наклейка. Наглядный рисунок с вопросами: Как это грамотно подправить?

    Asked by Mal4ishnik,

    0 votes
    6 answers

  10. Outline Для Ie8

    Привет всем, еще раз. При использование параметра outline: none; пропадает точечное обрамление ссылок, чего я и добивался, но происходит это только в FF, а в IE они (обрамление) не пропадают? Нужно использовать хак? Как избавится от обрамления?

    Asked by Funtik44,

    0 votes
    4 answers

  11. Настройка Div-контейнера

    Необходимо создать два контейнера на одной строчке, так что-бы текст в первом был прилеплен к левому краю, во втором к правому, посредствам CSS. Т.е., на HTML, это выглядило бы так: <table width=100%><tr> <td align=left> ... </td> <td align=right> ... </td> </tr></table>

    Asked by Alexey Menshikov,

    0 votes
    2 answers

  12. Не Работаю Стили

    НЕ срабатывает слово "Подробнее". <div align="right" class="podrob">Подробнее <span class="skobki">>></span></div> к которому я пытаюсь применить стили и не меняется шрифт описания, хотя всё работает в гуглхроме в др. браузерах не хочет. Вот архив. http://www.sharemania.ru/0114926

    Asked by people2010,

    0 votes
    2 answers

  13. Прблема С Версткой Меню

    Здравствуйте уважаемы гуру,помогите с советом как сверстать вот такое меню http://clip2net.com/clip/m32940/1284365706-clip-155kb.png Чтоб растягивались плашки и в активном состоянии и при наведении.Спасибо за советы

    Asked by sertu,

    0 votes
    18 answers

  14. Растягивание Дива

    Доброго времени суток, сделал резиновую верстку макета, все вроде ничего но вот никак не могу исправить одну проблему, опыта у меня в верстке маловато, поэтому прошу помощи Проблема в том, что есть общий блок для контента, котором лежит блок для текста и правая колонка! По идеи при увеличении текста, блок с текстом должен растягиваться и растягивать родительский блок контент, от которого зависит размер правой колонки! Если использовать макет на мониторах не менее 1024х768 и при условии, что количество текста останется таким как есть , то все нормально... (бордеры добавил для наглядности) но если расширение будет меньше или текста будет больше выходит вот такая лажа... …

    Asked by chapay,

    0 votes
    3 answers

  15. Выпадающее Меню

    Здравствуйте уважаемые форумчане, в очередной раз обращаюсь к вам за помощью. Итак проблемма - дизайнер нарисовал меню которое вы видите на картинке в нем 2 уровня выпадающих, проблемма в том что зарание не известно сколько будет пунктов в каждом из них, по этому надо что бы выпадающие меню растягивали бакграунд. Стандартные решения не подходят т. к. там везде используется position:absolute; который бакграунд не растянет. Если чесно я уже голову сломал так ничего путного не придумал. Зарание благодарен за ответ.

    Asked by pro100set,

    0 votes
    11 answers

  16. На Прозрачном Div`e Не Отображаются Картинки

    Есть интерактивная карта, над одной картинкой располагается много прозрачных картинок: <div id="bus" style="position: absolute; top: 110px; right: 360px; z-index: 3; white-space: nowrap; " onmouseover="..." onmouseout="..."> <img src="/objico/bus.png" alt="..." title="..." border="0" onclick="..." /> </div> В firefox (и похоже в ie, нет windows-машины под рукой) вокруг прозрачных картинок отображается оранжевый фон. В опере и хроме все отлично. Сначала я думал, что это проблема прозрачности png-файлов, но замена на gif ничего не дала. При ручном задании прозрачного фона div`ам картинки вообще перестают отображаться: <div style="background-color: trans…

    Asked by oofer,

    0 votes
    7 answers

  17. В Ie Не Отображаются Скругления. Помогите Исправить

    в IE должно быть так HTML и css код <div id="ins"> <a style="margin: 0pt 13px;" href=" "><span class="l"></span><span class="c"></span>Текст1 <span class="r"></span></a> <a style="margin: 0pt 13px;" href="/url/"><span class="l"> </span><span class="c"></span>текст2<span class="r"> </span></a> <a style="margin: 0pt 13px;" href="/url/"><span class="l"> </span><span class="c"></span>текст3<span class="r"> </span></a> </div> #ins { height:20px; position:absolute; text-align:center; top:93px; width:100%; } #ins a { back…

    Asked by idimok,

    0 votes
    9 answers

  18. Не Могу Указать Стиль Для Простой Html Структуры

    Здравствуйте. Честно говоря я в ступоре) html: <body> <p> <h3> 3 15 10 2 </h3> </p> </body> css: body p h3 {color:#FF0;} /* не работает */ body > h3 {color:#0F0;} /* работает */ как так? видимо я не знаю какгото великого секрета.

    Asked by _duke_,

    0 votes
    6 answers

  19. Таблица Без Таблицы

    Вопрос #1: Необходимо нарисовать 3 резиновыe колонки одинаковой ширины, которые в сумме занимают 100% ширины. Существует решение через css-свойство table-layout, значением которого ставится fixed, однако оно не работает для элементов с display: table. Существует ли способ, без использования таблиц и javasсript'а , реализовать это иначе? Вариант с "width: 33%" не предлагать, так как он не занимает 100% ширины. Вопрос #2: По аналогии с предыдущим вопросом, нарисовать 3 резиновые строчки с одинаковой высотой, которые в сумме займут 100% высоты.

    Asked by larafyll,

    0 votes
    5 answers

  20. Ссылка На Обычную Страницу Из Frame

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

    Asked by mokus,

    0 votes
    1 answer

  21. Странная Запись На Ксс

    Ребята вот встретил такое в коде в стилях. nart.start{color:#FF00FF;} А в коде хтмл уже такое например: <nart class="start">Привет</nart> И удивительно покрасился этот текст в это цвет. Что это за запись такая кссом, я такое раньше не встречал.

    Asked by people2010,

    0 votes
    3 answers

  22. Нестандартный Шрифт

    Кто нибудь пробовал использовать нестандартный шрифт этим способом: http://habrahabr.ru/blogs/typography/72991/ У меня чёт не работает, мож я что-то делаю не так? a{font-family:src:url('http://domen.ru/faili_na_razdacu/wolfgang_amadeus_mozart.ttf');}

    Asked by antonP,

    0 votes
    9 answers

  23. Как В Строку Вставить Блочный Элемент?

    Нужно сверстать название новости и тут же через несколько пробелов вставить блок с датой. То есть, блок с датой должен находиться сразу после окончания текста новости в этой же строке, и в случае переноса строки - блок тоже переносится (полностью, а не по частям). Ширина строки не фиксирована. Вот ссылка на то как это должно выглядеть должно выглядеть Я сначала сделала два дива, с float:left, один с не фиксированной длинной (в котором название новости)второй с фиксированной (с датой). В принципе, большинство браузеров адекватно отобразили верстку, кроме всеми любимых ИЕ6 и ИЕ7, в них все развалилось - вариант не подошел. Потом пробовала блок с датой сделать через span, но…

    Asked by ker,

    0 votes
    4 answers

  24. Как Сделать Редактирование Текста

    Здравствуйте! У меня есть букс. На него нужно добавить возможность редактировать задания. Как это сделать?

    Asked by mob-portal,

    0 votes
    2 answers

  25. Сайт На Дивах

    Вот решил попробовать создать меню на дивах,страно, но чего-то не выходит, хотя читал что нужно использовать float:left и float:right для навигации с правой и левой стороны, у меня что-то вообще не то получилось. Подскажите пожалуйста, как его исправить. http://www.sharemania.ru/0178464

    Asked by people2010,

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