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. Отображение границ таблицы

    Такая у меня проблема возникла. Мне нужно сверстать таблицу, но нужно отразить не все границы. Конкретнее, мне нужно спрятать все границы одной ячейки. Возможно ли это и если да, то как?

    Asked by Prel,

    0 votes
    3 answers

  2. Вставка бинарных файлов

    Добрый день! Можно ли средствами html в документ вставить картинку, которая хранится в оперативной памяти (документ, который будет после отображаться на экране, формируется в результате выполнения программы, которая по окончании работы сохранит его в htm формате)? Картинка также создается в процессе выполнения, а памяти хранится как переменная и поэтому на жестком диске ее нет(т.е. атрибут src не применишь получается).

    Asked by xmlns,

    0 votes
    0 answers

  3. Почему контейнер не открывается от вложенных блоков

    Здравствуйте. Вот кусок css и html. /* menu structure */ .menu-row{ margin:5px 0px; border: solid 1px #bababa;background-color: #f5f8fb; } .row-prior { float:left; width:34px;font-size:0px; padding:10px 5px; } .row-pict { float:left; width: 20px; } .row-content { padding:10px; font-size:16px; } .row-tools { float:right; padding:10px; } .row-tools a { text-decoration: none; } /* music structure */ .music-row { position: relative; margin:5px 0px; border: solid 3px #bababa;background-color: #f5f8fb; } .music-block { position: relative; float:left;margin:5px 0px; border: solid 3px #222222;background-color: #00f800; } .music-prior { positio…

    Asked by oke11o,

    0 votes
    5 answers

  4. не могу разобраться

    урок 2 http://www.sdelaysite.com/javascript/javascript-video-2 <HTML> <HEAD> <TITLE>this</TITLE> <script type="text/javascript"> ... this.value = ''; </SCRIPT> </head> <BODY> <input type="text" value ="введите email" onClick="..." id="mail"> </BODY> </HTML> что тут надо, чтобы заработало, пожалуйста подскажите и еще один пример не могу разобраться http://htmlbook.ru/samlayout/verstka-na-html5/vnutrennyaya-stranitsa здесь в примере Блок"интересная информация" показано как делается тень я так и недоделала тень в макете "муж на час" <html> <head> <style> .interest { background: #…

    Asked by olga153b,

    0 votes
    9 answers

  5. Открытие pptx в браузере

    Всем привет. Возможно ли сделать ссылку так, чтобы при нажатии на неё открывался документ pptx ? В новой вкладке, как pdf.

    Asked by Budulianin,

    0 votes
    3 answers

  6. Выровнять по центру

    Как выровнять по центру содержимое тега div с помощью CSS. Если в HTML сделать вот так: <div align="center">, то всё будет по центру. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <link href="http://www.___.ru/style-all.css" rel="stylesheet" media="all"> <title> </title> </head> <body> <div align="center"> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Middle"> …

    Asked by shabalin-roman,

    0 votes
    3 answers

  7. Как сделать активным меню и подменю ?

    Есть простое меню на css. При наведении на ссылку меняется фон и появляется подменю. Как можно сделать что бы при переходе на подменю, у ссылки основного меню оставалось свойство hover. Т.е при наведении на "3-А", свойство hover было и у "3" и у "А" .Помоему только средствами css такое не сделать, нужен javascript, или я ошибаюсь? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <style type="text/css"> /*левое меню*/ .left_menu{ font-size:12px;} /*выравнивание списка*/ div.left_men…

    Asked by Stych,

    0 votes
    2 answers

  8. Неправильное отображение картинок в IE

    Не так давно начал делать сайты, знаю про глюки ИЕ, но с таким столкнулся впервые, гугл ни к чему не привёл. Шапка сайта переходит в фон, а ИЕ делает мне подвох. Описать словами трудно, прилагаю картинки. Во всех браузерах отображается так А в ИЕ вот так Как с этим бороться? Почему шапка не перетекает в бэкграунд?

    Asked by sklins,

    0 votes
    12 answers

  9. Социальные кнопки в ряд

    Здравствуйте, помогите пожалуйста поставить социальные кнопки фейсбука, гугла и т.д. ровно в ряд, у меня очень скромные знания в сss, а сами по себе кнопки стоят как попало. Мне же надо чтобы они тупо стояли в один ряд, одинаково по ширине и высоте. Всем заранее спасибо за помощь. Вот пример этих кнопок, хотя это и не критично..

    Asked by moss,

    0 votes
    6 answers

  10. DIV и вторая строка

    Прошу совета. Два дива float:left. Размер первого определяется длинной слова (или слов в <NOBR>), длинна второго — на все оставшееся пространство. Проблема: во втором диве, как только текст доходит на правого края, нет переноса на вторую строку. Вместо этого сам DIV сваливается под первый. Как быть? <DIV style="float:left"><NOBR>Фраза</NOBR></DIV> <DIV style="float:left">текст</DIV> Если бы ни зависимость ширины второго DIV'a от первого, проблем бы не было: при явном указании ширины, перенос на вторую строку во втором DIV'e есть.

    Asked by Artlive,

    0 votes
    16 answers

  11. Заметнение картинок в ИЕ 6 и... FF5

    Все мы помним, любим и скорбим замечательный фильтр для показа png в ИЕ 6. Ура, эта же веселая проблема спустя года всплыла в ФФ 5. Хорошо хоть без проблем с прозрачностью. Итак: Пятый фаерфокс же мать твою. За что?! В шестом не тестировал, возможно, пофиксили. В общем, что делать? Адрес, где можно поглядеть исходники: http://sie-club.ru/design/

    Asked by 7ion,

    0 votes
    4 answers

  12. Пустой span c min-width в таблице. Проблемы с ИЕ7.

    Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!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>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…

    Asked by F315,

    0 votes
    15 answers

  13. фиксированный бекграунд при определенной высоте

    Привет. Есть картинка на бекграунд размерами больше чем разрешение экрана, то есть у нас появляются полосы прокрутки по вертикали и горизонтали. Я добавляю текст чтобы он был больше чем высота картинки. Теперь вопрос. Как сделать прокрутку по горизонтали и прокрутку до высоты картинки, и после этого картинка становится фиксированной при вертикальной прокрутке, то есть в начале у нас прокручивается и фон и текст, а после того как дошли до конца фоновой картинки, то у нас прокручиввается только текст. Думаю объяснил внятно. Где-то похожее я видел, только очень давно.

    Asked by sergeyvolk,

    0 votes
    35 answers

  14. css3 скругление углов и flash объект

    Мне нужно, чтобы блок со скругленными углами (используется css3) всплывал при наведении на пункт меню над flash-объектом (используется jQuery). Проблема: при отображении всплывающей подсказки над флешкой скругления не отображаются, а углы выглядят, как-бы, "выкушенными". Может кто знает, решается ли эта проблема для css3 ? Спасибо!

    Asked by chaban,

    0 votes
    1 answer

  15. Появилась пустая область перед таблицей

    В IE 9 Все нормально: В опере и в FF вот так: вот пример с видимыми границами: Сам код таблицы <table width="100%" border="1" cellspacing="0" cellpadding="5"> <tr><td align="left">Андрей Шишкин - Лола</td><noindex><td width="10%" align="center">[audio:http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%BA%D0%B8%D0%BD%20-%20%D0%9B%D0%BE%D0%BB%D0%B0.mp3]</td><td width="10%" align="center"><a href="http://dl.dropbox.com/u/16720744/%D0%9B/%D0%9B%D0%BE%D0%BB%D0%B8%D1%82%D0%B0/%D0%90%D0%BD%D0%B4%D1%80%D0%B5%D0%B9%20%D0%A8%D0%B8%D1%88%D0%B…

    Asked by Airogen,

    0 votes
    2 answers

  16. Проблемы с футером и врапером

    Не могу разобраться с футером. У меня есть там div class=wrapper. По идее в css у меня указана высота auto, но он не растягивается. Если подсветить этот div с помощью firebug то все это будет хорошо видно. Из-за этого footer остается где-то вверху а текс съезжает в ближащие свободное место. страничка правда без картинок но это не суть важно

    Asked by chiffenok,

    0 votes
    3 answers

  17. Индивидуальное выравнивание для колонок таблици

    Всем привет. Есть оч. большая таблица, в которой нужно задать для некоторых колонок индивидуальные стили(например выравнивание). Проставлять для каждой ячейки класс, к которому потом прикрутить стили, не очень хочется, поскольку это ощутимо увеличит размер страницы, на которой будет размещена данная таблица. Пытался копать в сторону col и colgroup, - но спецификация говорит, что таким образом можно задать только высоту, границу, фон и visibility. Как вариант рассматриваю JS, но хотелось бы обойтись без нее. Не подскажите есть ли какой-нибудь альтернативный способ стилизации ячеек колонки кроме как через присвоение класса каждой ячейке? Вот ссылка http://jsfiddle.net/GW8dy…

    Asked by CoDy,

    0 votes
    10 answers

  18. Ширина табов

    Есть такие табы. Как нужно поменять css, чтобы общая ширина табов была точно равна ширине блока ниже?? Когда я пробовал, вместо символов A,B,C были длинные строки, и у меня постоянно общ. ширина табов либо не дотягивала до ширины блока, либо была больше, и вообще один таб съезжал вниз.. ( Есть ли способ сделать ширины одинаковыми (равномерно табы распределить) - при этом вне зависимости от контента табов(будь то A,B,C или строки подлиннее)?? Или от ширины контента табов всегда будет зависеть?? Тогда как??

    Asked by DrStrangeLove,

    0 votes
    14 answers

  19. Автоматическое создание якоря по заголовкам

    В word-е есть такая функция как "Оглавление и указатели", с ее помощю можно создать авто содержания по заголовкам. Далее это все можно сохранить в html виде, в итоге получится у нас документ с проставленными якорями по заголовкам, но word-е это делать плохо так как много мусора, может есть другие программы, или,или.. которые могли бы в таком автоматическом режиме проставить якоря?

    Asked by hopest,

    0 votes
    4 answers

  20. Opera 10. Некорректное отображение выпадающего меню

    Здравствуйте. Столкнулся с проблемой (багом?). Меню строится на основе вложенных маркированных списков с применением css. При наведении на определенный пункт - он подсвечивается другим фоном. Выпадающее подменю ведет себя приемлемо во всех браузерах. Исключение составляет Opera 10, в которой подсветка выделенного элемента подменю не происходит, в случае нахождения под ним плавающего изображения с параметром <img style="float:left"/>. Прошу подсказать, как можно обойти этот проблему (баг?) средствами css. Ошибка вылезла здесь: http://ib-spb.ru/news PS Просьба не рассматривать это сообщение как рекламу сайта

    Asked by Radiocity,

    0 votes
    1 answer

  21. проблема со спрайтами

    После подключения файла reset.css перестали работать спрайты в опере, хотя в мозиле отображается всё как положенно. Изменение значения background-position результатов не даёт.

    Asked by olka,

    0 votes
    3 answers

  22. Цвет галочки в чекбоксе

    Он как-то регулируется? А то в макете у меня он синий о_О

    Asked by Gaspode,

    0 votes
    1 answer

  23. Меню виде border-top

    Помогите разобраться как сделать такое меню Проблема при hover ,не получаеться прописать на одну линию ... размер меню 375px.

    Asked by coldug,

    0 votes
    16 answers

  24. Текст выходит за рамки div по ширине

    Помогите пожалуйста. Текст выходит за рамки блока div по ширине. Всё делаю с видео урока, там всё нормально, у меня вылазиет. Файлами с самого видео курса заменял свои, всё равно такая фигня. Как исправить?

    Asked by dimann90,

    0 votes
    1 answer

  25. Семантика Html5

    Доброго времени суток. Подскажите, пожалуйста, по семантике Html5 и новым элементам <section>, <article>, <hgroup>. Правильно ли организована структура главной страницы в виде блога (в упрощенном варианте, конечно же): <header> —--<hgroup> —————-<h1>Название раздела</h1> —————-<h2>Подзаголовок </h2> ——</hgroup> </header> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1>Заголовок статьи1</h1> ——</hgroup> ——<p>Текст статьи</p> </article> <article> (или <section>?) ——<hgroup> (нужен ли этот элемент?) —————-<h1&gt…

    Asked by Andreka,

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