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. Ширина блока в IE

    У меня возникла проблема с шириной блоков в сайтбаре. В IE они почему то намного шире, чем нужно. На изменение ширины IE не реагирует. Не могу понять, с чем это связано. Для простоты, я вынесла код сайтбара отдельно: <!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=windows-1251"> <title></title> <style type="text/css"> body { margin-left:auto; margin-right:auto; width: 100%; height: 100%; background-color: #fff; } #sidebar { float: left; width: 405px; font: normal 12px/18px "Cen…

    Asked by Mila,

    0 votes
    4 answers

  2. Нужно ли загрывать тег meta

    Нужно ли закрывать мета-теги при вот таком доктайпе <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    Asked by Veseloff,

    0 votes
    3 answers

  3. Таблица с фиксированным заголовком

    Не получается сделать таблицу у которой заголовок был бы не подвижным. И при этом что бы это нормально отображалось в разных браузерах. Я много примеров нашел, но ни один не не отображает правильно одновременно и в IE и firefox. Пожалуйста помогите мне....

    Asked by zuzzz,

    0 votes
    8 answers

  4. Неправильное позиционирование в IE6.0

    <html> <head> <title>Lifestyle</title> <style type="text/css" media="all"> body, html {height:100%; width:100%; margin:0px; padding:0px} a{text-decoration:none;} </style> <script> var potkat1_visible=false; function show_potkat1(){ if (potkat1_visible==false){ document.getElementById('potkat1').style.display='inline-block'; potkat1_visible=true; } else {document.getElementById('potkat1').style.display='none'; potkat1_visible=false;} } function hide_potkat1(){ document.getElementById('potkat1').style.display='none'; potkat1_visible=false; } </script> </head> <body> <!-- Таблица главная !--&gt…

    Asked by AlexMak,

    0 votes
    5 answers

  5. Кнопка копирования <div>

    У меня есть блок, ограниченный тегом <DIV> с определенным классом. Можно ли создать кнопку, которая бы копировала текст внутри этого блока в буфер? Желательно готовый код, или ссылку где его взять. Не сочтите за наглость.

    Asked by viter_alex,

    0 votes
    7 answers

  6. У меня такая проблема

    Вот мне надо добавить тег в раздел баскетбола для того щоб била опция добавления новостей і и що как сделать вспливаючеє меню например наводиш на спорт і снизу вспливаєт такой список там где єсть футбол, бакетбол і другиє. Пожалуста помогите. Ета проблема на сайте cool-sait.at.ua

    Asked by OlegKKK,

    0 votes
    0 answers

  7. Upload AJAX

    Найдется человек, который может дать пример аплоада файла на сервер средствами AJAX или нет, главное, чтоб без перезагрузки страницы? А то я уже кучу инфы перерыл, но так ничего и не понял в какой файл что именно писать. Да в принципе любые примеры AJAX мне очень пригодятся - вплоть по Hello World Вот такой вопросик.

    Asked by Patriot_spb,

    0 votes
    3 answers

  8. Резиновая шапка

    Добрый вечер, господа! Чтож, у меня такая проблема. Нужно оптимизировать шапку под все браузеры и сделать её резиновой, чтобы при сужении окна или при просмотре страницы через разные браузеры части шапки не наесжали друг на друга. Так же мне сказали, что размеры шапки нужно делать под разрешение 800х600... Так у меня в два раза больше разрешение экрана(( Если я так сделаю, то у меня будет не одна картинка, а две в шапке страницы... Такая проблема, что у меня шапка очень большая, а при уменьшении всё искажается(( Я и так искозил её максимально... Запутался я В общем, господа и прошу помощи... Код шапки, чтобы сделать её резиновой. К сожалению, вроде всё пересмотрел и вроде…

    Asked by Безымянный,

    0 votes
    49 answers

  9. position:relative - задница в ИЕ6

    На ниже приведённой странице ИЕ6 напрочь не отображает слой #ugol с position:absolute Но, достаточно уменьшить ширину у слоя #obr с 480px до 477px, как слой #ugol начинает отображаться. Что происходит - в упор не понимаю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Проверка</title> <style> #menu { float:left; display:inline; width:180px; height:200px; margin:0px 10px 0px 10px; background-color:#6666FF; } #obr { float:left; display:inline; margin:0px 20px 0px …

    Asked by Колос,

    0 votes
    4 answers

  10. Все те же скругленные углы, но...

    Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)

    Asked by splean,

    0 votes
    10 answers

  11. Загадка CSS

    Господа, помогите понять, как это может быть такое: Медленно подгружаются стили на сделанном мною сайте: www.isn.su, я подумал, что это из-за того, что я подключил несколько css-файлов и решил весь css-код поместить в один css-файл. Скопировал и переместил. Но, после этого, почему-то, для меня остается большой загадкой, стала подгружаться только часть css кода. К примеру, картинки и блоки нормально отображаются, а текст неотформатирован и так далее. Потом я решил попробовать css-стили включить в html-файлы, но получилось тоже самое - подключается только часть css-кода. Помогите, пожалуйста, понять, как это может быть такое??? Заранее большое спасибо!

    Asked by murtts,

    0 votes
    7 answers

  12. Проверьте авторизацию на безопасность

    http://vvsh.ru/admin/ - уважаемые форумчане, проверьте авторизацию на прочность. Заранее спасибо.

    Asked by vvsh,

    0 votes
    1 answer

  13. Проблема с кроссбраузерностью

    Здравствуйте! Помогите пожалуйста - очень надо, а то дело простаивает - пишу сайт www.zhivoyfest.ru И вот проблема - собственно #content { /* Основное содержание страницы */ background: #6a6a6a url("img/3.jpg") no-repeat; border: solid 1px black; /* Параметры рамки */ width: 700px; min-height: 94px; margin-left: 250px; /* Отступ слева */ margin-bottom: 20px /* Отступ снизу */ } #content h{ /* Основное содержание страницы */ display: block; font-size: 1.3em; font-weight: bold; text-decoration: none; color: #bababa; font-family: Verdana, Arial; text-transform: uppercase; padding: 12px 0px 14px 15px; } стиль content h в мозиле отображается как …

    Asked by Patriot_spb,

    0 votes
    13 answers

  14. Выравнивание картинок в сложной таблице

    Я не профи, но отсутствием логики не страдаю. Даже модинг игр изучил методом научного, но в этот раз мое логическое мышление зашло в тупик: вроде все правильно прописал, а получается фигня какая-то. В общем мне нужно сделать на сайте графически оформленную таблицу объявлений, состоящую из двух строк, по три ячейке в каждой. Таблица графически оформлена по краям в виде картинок-закладок (со значками в центре каждой), которые должны тянуться в зависимости от разрешения моника пользователя по принципу (фикс-угол\растяжка\фикс-значек\растяжка\фикс-угол). Так вот нарезал я все, прописал, посмотрел... и уведел фигню - значок не в центре, растяжки тянутся как им вздумается. При…

    Asked by lrs,

    0 votes
    4 answers

  15. Проблема при изменении размера шрифта

    На странице применена блочная разметка. При отображении страницы все хорошо, но при увеличении размера шрифта (Ctrrl+скролл) в IE6 footer остается на месте и заезжает на оснловной текст. Какими способами можно этого избежать?

    Asked by ONIX,

    0 votes
    2 answers

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

    Здравствуйте реально ли создать такой макет в три колонки (блочная вёрстка). В котором ширина первой и второй колонки будут фиксированые а третья колонка будет растягиваться на всю оставшуюся ширину экрана. высота будет растягиваться относительно самой высокой колонки. Фон у всех разный, причём первым двум колонкам он задаётся рисунками, так что вариант с бордерами не подходит. Заранее спасибо!

    Asked by AntonSolo,

    0 votes
    19 answers

  17. Проблемы с отображением в IE6

    Имеется страница: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html style="font-family:Arial"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <head> <title>...</title> <link href="styles/main.css" rel="stylesheet"> </head> <body onload="RenderMenu()"> <div id="title" > <!-- #include file="header.html" --> </div> <div id="content" > <div id="main_ext" > <!-- #include file="start.html" --> </div> …

    Asked by ONIX,

    0 votes
    2 answers

  18. Мешаем проценты с пикселями

    Есть таблица в 4 колонки. В 1-й и 3-й - небольшие картинки, во 2-й и в 4-й - блоки текста. Как сделать резиновую таблицу, если надо чтобы ячейки 1-й и 3-й колонок были не шире размера картинки (не растягивались). Текстовые блоки должны быть одинаковой ширины. Спасибо.

    Asked by john,

    0 votes
    9 answers

  19. Текст в окне полосы прокрутки

    Здравствуйте! У меня вопрос, как в scrollbar сделать одно слово из текста курсивом? Я использую такой код: <p><textarea name="formtextarea1" rows="13" cols="86" style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-3dlight-color:rgb(102,102,102); scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Текст текст текст текст текст текст текст текст текст текст текст текст те…

    Asked by Тамрико,

    0 votes
    10 answers

  20. помогите с версткой 3х колонок и подвала?

    Здрасте всем. У меня проблема на сайте: http://metakom.info/test.html Верстаю в три колонки, колонки сделаны дивами с абсолютным позиционированием. Как при этом заставить подвал отображаться под ними? Пробовал делать колонки релативными - подвал всё равно вниз не спускается (на страничке видно). Я в верстке дивами новичок

    Asked by d0ublezer0,

    0 votes
    7 answers

  21. Подскажите хорошую книгу(и) по CSS.

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

    Asked by bobr0ff,

    0 votes
    8 answers

  22. Некорректное меню в IE6

    Здравствуйте уважаемые форумчане. Появилась надобность сделать раздвигающееся меню с использованием чистого CSS без всяких скриптов.. Воспользовался примером вот отсюда: _trifler.ru/blog/post_1200597092.html Как всегда вылазят бока в любимом ИЕ6=\ Вобщем в лисе все отображается отлично. Вот так меню выглядит в изначальном состоянии: Вот так при наведении мыши: В долбаном же ИЕ6 обнаружились какие-то левые отступы: Изначальное состояние: При наведении мыши: Путем экспериментов определил следующее.. в файле стилей есть вот такой параметр: Если его удалить, то в лисе появляется такой же отступ. Я так понял, этот параметр не принимается ИЕ6? Так ли это, и если так, то к…

    Asked by rijy,

    0 votes
    7 answers

  23. ширина вертикального ul

    мозг натерла, спасите меня, плиз есть вертикальный список, у которого ширина должна зависеть от текста в li. а ul, зараза, элемент блочный и тянется на всю ширину родителя. а у него рамочки, поэтому ширина растянутая заметна. что плохо. код такой: ul.categories { border: solid 1px #464646; border-bottom: none; width: auto; } ul.categories, ul.categories li { list-style-image: none; list-style-position: outside; list-style-type: none; } ul.categories li { padding: 3px 16px; border-bottom: solid 1px #464646; } ul.categories li a { font-size: 11px; color: #fffffc; text-decoration: none; text-transform: uppercase; } ul.categories li a:hover { color: #ff7800; } …

    Asked by kalyaka-malyaka,

    0 votes
    8 answers

  24. Вопрос по кнопкам

    Моё приветствие тиграм HTML-вёрстки! Помогите пожалуйста неофиту. Хочу чтобы кнопки были ссылками,вроде бы добился желаемого,таким вот макаром но этот вариант работает почему-то только в FF, а в IE нет, почему?

    Asked by bravada j,

    0 votes
    11 answers

  25. Отображение слоя

    В общем проблема: Есть пустой слой с рисунком в бек-граунде. В IE располагается правильно сразу после предыдущего слоя. В FF же он съезжает на какое-то расстояние к середине страницы. Если в слой запихнуть какой нить символ, то отображение становиться правильным. Как решить проблему без вставки каких то символов?

    Asked by Kash,

    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