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. Закругленные рамки для таблицы

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

    Asked by Winner,

    0 votes
    4 answers

  2. Проверка верстки в различных браузерах

    У мя такой вопрос: "Какие браузеры стоит установить для проверки кросс-браузерности верстки. Может есть какие-либо секреты облегчающие эту проверку?" И еще. Поделитесь опытом. Кто как достигает эту самую кросс-браузерность? У мя всё

    Asked by Chebas,

    0 votes
    4 answers

  3. position relative

    Привет всем! Какие ошибки и чем может грозить если для всех div на странице задать position relative?

    Asked by vector7,

    0 votes
    4 answers

  4. Как сделать элемент на всю ширину страницы с прокруткой

    Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…

    Asked by clavin,

    0 votes
    4 answers

  5. Возникли проблемы

    Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…

    Asked by gelik,

    0 votes
    4 answers

  6. Проблема с IE6

    Так должно быть (и есть во всех приличных браузерах) - А так происходит в не приличном браузере ИЕ 6 - HTML <!-- content --> <div id="body" class="clearfix"> <div id="leftCol"> <div id="menuUL"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">О нас</a></li> <li><a href="/">Новости</a></li> <li class="current"><a href="/">Меня беспокоит</a></li> <li><a href="/">Прайс лист</a></li&…

    Asked by Eirene,

    0 votes
    4 answers

  7. макет 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> <title>Верстка сайта</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; max-width: 800px; width:expression(document.body.clientWidth < 600? …

    Asked by artylion,

    0 votes
    4 answers

  8. проблема с height у IE

    Здравствуйте! У меня возникла проблема при создании сайта, с адекватным отображением его в браузерах IE всех версий. Вот код: <html> <head> <meta http-equiv="Content-Language" content="en-ru"> </head> <body> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table2"> <tr> <td valign="top" height="16">Текст </td> <td width="220" rowspan="2"> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top">ывфвфывфывфы</td> </tr> </table> </body> </html> Проблема во второй строке, браузер IE…

    Asked by Gronix,

    0 votes
    4 answers

  9. Рамка вокруг <a> в ie и ff

    Использую на сайте Coda Slider. Это чтобы удобней было по страницам переходить, они там горизонтально ездят влево-вправо Так вот, элементы управлиения там (стрелки влево-вправо) реализованы в виде div с картинкой стрелки в качестве бэкграунда и внутри дива управляющий <a>. И "text-indent:9000;" чтобы не было видно текста ссылки. И вот в файрфоксе и ие после клика по ссылке она обводится пунктирной рамкой, что очень не в тему и естественно не нравится заказчику. Как оно выглядит можно посмотреть на картинках. Что можно с этим сделать? border у <a> накрутить? кажется уже пробовал (не помню точно) Как оно выглядит: Это левая стрелка в файрфоксе: Это -- правая …

    Asked by adelante,

    0 votes
    4 answers

  10. Chrome не выводит <noscript>

    Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.

    Asked by vahrusha,

    0 votes
    4 answers

  11. Нада выровнять абзац

    Привет всем.Столкнулся с такой проблемой . Есть несколько абзацев ,внутри каждого картинка и текст. в свою очередь абзацы находятся в диве. Мне нужно чтоб абзацы нормально шли один за другим и нормально отображались. Везде это получилось кроме ИЕ6 . в ИЕ6 картинка не попадает в абзац. Вот пример. Как это можно исправить ? зы если надо выложу код и сюда.

    Asked by One,

    0 votes
    4 answers

  12. Отцентровать содержимое по центру страницы (по высоте)

    В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …

    Asked by SCHNITZER,

    0 votes
    4 answers

  13. Почему при изменении шрифта в IE6 разметка портится

    Почему при изменении шрифта для тега body таким способом font-family:Comic Sans MS, sans-serif, Arial, Tahoma, Helvetica; в IE6 разметка портится из-за того, что некоторые дивы меняют ширину? Конкретно: на 3-4 пикселя увеличиваются ширины width дивов с текстом, если установлен шрифт Comic Sans MS. DOCTYPE стоит как xhtml transition. Это баг?

    Asked by clavin,

    0 votes
    4 answers

  14. Опера видит скрытые блоки, или как убрать полосу прокруткм браузера

    Есть блок со скролом, все вмещается в окно браузера, но когда при прокрутке идет подгрузка аяксом в этот блок содержимого, то опера это содержимое видит, хотя оно внутри блока, в остальных браузерах все нормально

    Asked by LossBull,

    0 votes
    4 answers

  15. Управление сайтом!

    Делаю свой первый сайт, 60% уже сделал. Потихоньку подхожу к такому вопросу- что будет когда я доделаю сайт, то есть как я буду им управлять. Слышал про админ панель, не могли бы вы рассказать что это и с чем ее едят. Сложно ли ее сделать, каким уровнем программирования нужно для этого владеть и есть ли какие нибудь программы которые создадут эту админ панель? И возможно как нибудь оптимизировать саит для управленеия под, например, 1С битрикс.

    Asked by Alexsays,

    0 votes
    4 answers

  16. Карты изображений

    Решила попробовать карты) вот только не понимаю как я могу увидеть как же они работают!? Вот код: <img src="img/moto.jpg" width="459" height="377" alt="мотик"> <map name="moto"> <area shape="rect" coords="0,0,200,200" href="http://htmlbook.ru" alt="ссылка1" title="ссылка1"> <area shape="rect" coords="200,200,400,0" href="http://htmlbook.ru" alt="ссылка2" title="ссылка2"> <area shape="rect" coords="0,200,200,400" href="moscow.html" alt="ссылка3" title="ссылка3"> <area shape="rect" coords="200,200,400,400" href="piter.html" alt="ссылка4" title="ссылка4"> </map> никакого CSS у меня нету (м…

    Asked by ola,

    0 votes
    4 answers

  17. Какую кмс предпочесть?

    Чет по утра и не соображу где тему создать, сначала хотел вообще во Флейм но прочел там: В общем я надумал создать для себя любимого уголок и и-нэте. Будет сайт + форум. С форумом все ясно плавали знаем... А вот сайт будет представлять собой блог статей (считайте это дневником вэб мастера(+ там будет возможность создания дневников для других пользователей)). Вот и интересует меня какую кмс предпочтительней взять? Параметры которые я бы хотел в ней видеть: 1) Быстро действие. кмс типо Джумлы уже вызывают отвращение. 2) Функционал нужен для начала минимальный, новостной модуль, возможно модуль гостевой страницы, меню. 3) FreeWare 4) Нормальная админка. Еще как вариант у ме…

    Asked by stars,

    0 votes
    4 answers

  18. Создать сайт с нуля для новичков

    Спам

    Asked by dobergon,

    0 votes
    4 answers

  19. Параметр float, почему div выскакивает из родительского div'а

    Не могу понять употребление элемента float, т.е. некоторую его особенность. Я делаю такой сценарий: <div id="main"> <div id="main1"> </div> </div> Т.е. один div (main1) вложен в другой div (в main). При этом я хочу div main1 позиционировать float=left. Но пока я не добовляю float=left, у меня один div прекрасно располагается в другом (main1 в main). А как только я в стилях добавляю этот параметр float=left, то main1 выскакивает из main и идет в браузере уже тупо под div'ом main. Объясните, почему так происходит, и как сделать, что бы он не выскакивал, а оставался внутри родительского div'а? есть и картинки, но не прикладываются они в этом…

    Asked by htmluse,

    0 votes
    4 answers

  20. Проблема с ссылками и таблицами.

    Народ у меня проблема. У меня есть Html страница (index.html) Она состоит из нескольких таблиц: 1) header 2) меню 3) body a) Таблица с втавленной в неё другой html страницей (index_1.html) б) Таблица с данными 4) footer Вопрос: Как нажимая на ссылку в меню можно менять html страницу в "body " "a" c index_1.html на index_2.html ? Заранее спасибо за ответ.

    Asked by LORDIF,

    0 votes
    4 answers

  21. Как узнать свою ошибку

    В общем , что то делал со своей страницей потом обновил она стало криво отображаться , дело в том что отоброжается она криво только в опере и ИЕ , а в мозиле норм , то есть выходит что мозила исправляет ошибку которую допустил я , подскажите как мне узнать эту ошибку , пожалуйста !!

    Asked by CROSP,

    0 votes
    4 answers

  22. Как добиться отображаемости?

    Привет, All! подскажите какие есть системные подходы к решению проблемы правильной отображаемости страницы в разных браузерах? вариант сарафанного радио (вариант "кто-то говорил Васе, что нужно делать вот так" явно не системный) спасибо

    Asked by ravend,

    0 votes
    4 answers

  23. Двойной backround в CSS в IE

    Всех приветствую. Возникла такая проблема. background: url(img/img1.png) bottom no-repeat, url(img/img2.png) top no-repeat; Создание окаймляющих элементов для верха и низа блока нормально отображается в Opera, Chrome А вот IE 8 не отображает. Если просто background: url(img/img1.png) bottom no-repeat; То нормально, а вот для верха и низа сразу не отображает. В чем проблема? Как обойти или исправить? Спасибо!

    Asked by Svoi,

    0 votes
    4 answers

  24. Ищу layout с колонками одинаковой высоты

    Подскажите, пожалуйста, layout, сделанный на div, с колонками одинаковой высоты и состоящий из шапки, трёх колонок и футера. При этом высота колонок должна быть сделана без использования каких бы то ни было скриптов, сам layout должен быть резиновым, а колонки идти на всю высоту экрана, даже если в них ничего не будет. Плюс layout должен быть кроссбразерным и нормально работать в IE6 и прочих проблемных браузерах. В общем, ищу что-то такое. Пока удалось найти устаревшие layot'ы, которые делались ещё для нормальной работы в IE4, но это не совсем то, что надо. Там либо есть javascript, либо приёмы вёрстки устаревшие. Спасибо!

    Asked by thekap,

    0 votes
    4 answers

  25. <input type="button" /> (border:1px)

    Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.

    Asked by vahrusha,

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