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. Накладывание эффектов при трансформации

    Здравствуйте, практикую трансформацию в css, столкнулся с проблемой... Если не трудно, объясните, пожалуйста, следующее: При наведении на блок через transition меняется его цвет, но еще я захотел добавить поверх блока содержимое, текст, появляющийся из ниоткуда, или, например, рамки, но внутренние, внешние же расширяют блок, что немного портит дизайн... Как создать это добавление? Получается, нужно создать текст, сделать его невидимым, а потом, при наведении, сделать видимым?

    Asked by ivanforpw,

    0 votes
    0 answers

  2. Вопрос от новичка по созданию Меню

    Доброго времени дня! Я новичек в веб-строительстве и ищу ответы на пару вопросов касательно реализации меню для сайта. Вопрос пока что имеет отношение только к хтмл верстке, тоесть про PHP речь пока не идет. Собственно говоря я понимаю каким образом с помощью CSS списки (<li>) преобразуются в вертикальное и горизонтальное меню, но это просто косметическое преобразование, а каким образом реализуется фнукциональная часть? Проще говоря, разжуйте пожалуйста, каким образом меню появляется на всех страницах? Оно дублируется в каждую, либо есть более простой способ? Поиском пользовался, конкретного ответа не нашел, буду благодарен за адекватный, развернутый ответ. Спасиб…

    Asked by Noraad,

    0 votes
    9 answers

  3. @media для ie

    Доброго времени суток. Хотелось бы узнать ваше мнение, предложения по поводу @media хаков css для всеми любимого IE. Нашла вот такую статью. http://blog.keithclark.co.uk/moving-ie-specific-css-into-media-blocks/ Хотелось бы обсудить минусы и плюсы такого подхода. Очень важно знать мнение того кто использовал. Кто пробовал? Насколько работоспособно и устойчиво? Заранее благодарна за обсуждение

    Asked by ne4to,

    0 votes
    3 answers

  4. Резиновое меню из картинок и текста

    Здравствуйте! Подскажите, пожалуйста, как красиво реализовать подобное меню? При изменении ширины окна блоки из картинок+текста должны "скользить" по градиентной полоске. Весь день мучаюсь, пытаюсь делать на div'ах, но резиново не выходит. Заранее спасибо!

    Asked by eg0zer0,

    0 votes
    6 answers

  5. Наследование высоты родителя

    добрый день читающим)) есть див шириной в 2px залит картинкой внутри дива с текстом, как сделать чтобы первый див наследовал высоту родителя(блока с текстом) и растягивался в зависимости от текста. или подскажите как можно это реализовать?

    Asked by lunozwetka,

    0 votes
    2 answers

  6. Несколько стрелок в tooltip'e

    Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: re…

    Asked by Cryolite,

    0 votes
    2 answers

  7. Проблемы с IE 8

    Всем доброе время суток. Я набрал следующий код: HTML <body> <div class="header"> <a href="#"> <img src="images/logo.png" alt="internationa"</a> <ul class="menu"> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Patners</a></li> <li ><a href="#">About us</a></li> <li ><a href="#">Contacts</a></li> </ul> </div> CSS body { margin:0; paddi…

    Asked by Bizon4ik,

    0 votes
    4 answers

  8. Перенос текста в хроме

    http://learn.javascript.ru/play/U95WDb - текст в блоке .icon обернут в абзац http://learn.javascript.ru/play/uIbwf - текст без обертки подскажет кто-нибудь, почему в хроме в первом случае текст переносится на следующую строчку, а во всех остальных браузерах окей? и почему без обертки в хроме тоже текст перестает переноситься?

    Asked by heywait,

    0 votes
    0 answers

  9. несколько эффектов одновременно

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

    Asked by Radiation15,

    0 votes
    3 answers

  10. Проблема с Colorbox

    Помогите пожалуйста. Не могу понять как этот плагин можно научить масштабировать фрейм в зависимости от содержимого страницы. Скажем одна страница у меня имеет размер 1000px на 700, другая раза в два короче по высоте так вот, после перехода в фрейме из первой страницы во вторую, фрейм не меняет свой размер. Страницу №2 подгружает полностью, а внизу оставляет просто белое место

    Asked by henry007rta,

    0 votes
    0 answers

  11. Opera 12.10 Не поддерживает radial-gradient

    Будьте аккуратны, дамы и господа. Сегодня обновил Opera до 12.10 и с ужасом обнаружил, что она не поддерживает radial-gradient, хотя везде прописаны фиксы Кто хорошо знает английский? Напишите пжт в поддержку Оперы. Никак не пойму что от меня требует их форма.

    Asked by iDrugov,

    0 votes
    12 answers

  12. Фоновая музыка при открытии страницы

    Здравствуйте, подскажите пожалуйста код чтобы при открытии страницы звучала музыка (15 секундный повторяющийся mp3). Тэг: <bgsound> во многих браузерах не работает. Не сочтите за дурной тон, просто сайт еще не открыт, а это что-то вроде рекламы.

    Asked by TillL,

    0 votes
    3 answers

  13. проблемы с :hover

    Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?

    Asked by Alexey_Balu,

    0 votes
    5 answers

  14. Уже замучался, помогите.

    Проблема заключается в том, что если жать мышку (ну как будто хочешь выделить текст) в месте нижнего меню или справа от кнопки контакты и потянуть верх, то начнут выделяться пустые куски местности, даже тем где никакого текста нету. Я сначала думал, что это из-за того, что у меня не все дивы имеют display:block. Но он ничего не меняет, просматривал как сделан сайт "фрилансим" с которого я делал себе макет для тренировки, но так ничего путного я и не понял. Пожалуйста подскажите в чем ошибка, что я делаю не так? Вот макет сайта, он очень маленький: http://logicface.narod2.ru/ Вот скрин беды: (Нажмите для увеличения)

    Asked by logicface,

    0 votes
    6 answers

  15. Горизонтальное меню

    Доброе время суток. Помогите плз со следующей проблемой: Я создаю горизонтальное меню через список. Высоту меню указываю в ul используя height:40px; И уменя получается ровное меню высотой в 40 пикселей. И все вродибы нечего если бы не одно но, мне нужно что бы один из пунктов меню был скажем 20px высотой, а все остальные остальсь 40px. Как это можно реализовать?

    Asked by Bizon4ik,

    0 votes
    5 answers

  16. Использование тега <nav>.

    Прибудьте во здравии! "Мастер глупых вопросов" снова в эфире. Подскажите, пожалуйста, правильно ли я понимаю: Тег <nav> просто тыкает носом браузер и гуглоботов в то, что тут, внутри, важная/основная (по мнению… кого, кстати?) для всего сайта менюшка навигации. И ему (тегу) без разницы что там – хоть <menu> с <command>, хоть списки, хоть просто <a>? При этом, сам <nav> можно закинуть еще в другие "секционные элементы" типа <article> или <aside>, а вот внутрь <nav> уже можно помещать только "привычные" элементы (вроде этого же <menu>, а также <div>, <a>, <h…>(?)) без дополнительных семантических излише…

    Asked by Kray Storm,

    0 votes
    0 answers

  17. Резиновая верстка, позиционирование, вопрос

    Как сделать стили чтобы для макета на картинке в хтмл блоки шли в таком порядке: <div id="content">MAIN CONTENT</div> <div id="left">LEFT SIDEBAR</div> <div id="right">RIGHT SIDEBAR</div> <div id="footer">HEADER</div> <div id="footer">FOOTER</div>

    Asked by datum,

    0 votes
    5 answers

  18. Фон для текста

    Есть проблема, уже даже и не знаю, что еще можно попробовать сделать. Есть текст, которому нужно задать фон: html: <h4><a href="#">Новый алгоритм Google <br> усовершенствуется</a></h4> css: h4 a{ color: #fff; background-color: #ffba00; } Должно получиться: Сразу скажу, что уже перепробовал все свойства дисплэй - все что не строчный элемент, отображается блоком, а тут явно видно, что фон задается строкам. Пробовал задавать значение padding, но у строчных элементов, padding отодвигает начало первой строки (действует как text-indent), что тоже не годится. Пробовал сделать фон через значение outline, но там тоже проблемы. В общем, может …

    Asked by Jake Blues,

    0 votes
    6 answers

  19. Проблема переноса блоков <div>

    Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо html код <div id="body"> <div class="floor"> <div class="blok"> <div id="one"></div> <div class="vert_line"><a href="" class="body">Идея</a></div> </div> <div class="blok"> <div id="two"></div> <div class="vert_line"><a href="" class="body">Домен</a> <p>Мы зарегистрируем для вас дом…

    Asked by FRAGnat,

    0 votes
    3 answers

  20. Не работают стили во всех браузерах кроме Chrome

    Здравствуйте. Столкнулся со странной проблемой: ни в одном браузере кроме Chrome не работают стили. Проверял в IE8, IE9, Opera, Firefox. Версии браузеров - последние стабильные на сегодняшний день. Пути пробовал указывать и абсолютные и относительные: "css/changeGoods.css", "http://192.168.204.83/pos/css/changeGoods.css" и даже так "Z:\home\192.168.204.83\www\POS\css\changeGoods.css" (но так даже в Хроме не работают). html-страничка лежит в каталоге http://192.168.204.83/pos/, css в http://192.168.204.83/pos/css/. Помогите разобраться с данной проблемой. Прилагаю код странички и код css. html: css: PS: На кривой код и несоответствие стандартам не смотрите если это напря…

    Asked by Triyan,

    0 votes
    4 answers

  21. Картинка выходит с блока , если float:left

    Здравствуйте! Картинка выходит с блока (.box) .box { padding:5px 5px 5px 5px; margin-bottom:10px; border:1px solid grey; width:700px;}, если для картинки свойство float:left. Почему?

    Asked by mylogin,

    0 votes
    1 answer

  22. аналог box-shadow

    Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?

    Asked by Alekto,

    0 votes
    1 answer

  23. Непонятное смещение текста

    Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…

    Asked by flider,

    0 votes
    3 answers

  24. Ошибки в работе сайта

    Здравствуйте уважаемые форумчане. Подскажите пожалуйста, создал небольшой сайт, в него впихнул всплывающее окно посредством Fancybox. Собственно в современных браузерах проверил. Нашел как минимум 3 ошибки. 1) Всплывающее окно в Chrome заполняется не по содержимому контента а до конца окна браузера. Во всех остальных - нормально. Для теста взял только алтайский край. Ссылка там 2) В Firefox надпись с названием уплывает вверх, но тут собственно, наверное можно что-то придумать с префиксом. 3) При наведении мышки на регион подсвеченный желтым возникает подсказка, первые две колонки отображают подсказку нормально, а вот последняя жестоко сносит ее влево. Файлы прилагаю. Соо…

    Asked by henry007rta,

    0 votes
    0 answers

  25. Помогите с font-face

    Всем привет. Помогите плз, час уже бьюсь, нечего не понимаю. Нужно подключить к сайту нестандартный шрифт, bankgothic russ medium назвается. Обычно для генерации font-face пользуюсь ресурсом http://www.fontsquirrel.com/fontface/generator, и до настоящего времени он меня не подводил. Но сейчас происходит какая-то ерунда: скачиваю ttf файл шрифта, кириллицу он поддерживает, но при прогоне через вышеуказанный сервис все русские буквы меняются на квадраты Может есть другой подобный сервис, или с этим кто поможет разобраться, был бы очень признателен! Сам шрифт выложить куда-то нет возможности, но он легко ищется гуглом. Очень надеюсь на помощь!

    Asked by lolka84,

    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