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. Адаптация виджета VK_like - сделать float: right;

    Есть блок. В нем есть <div id="vk_like></div>, в который загружаю виджет вконтакте "мне нравится". Мне нужно чтобы виджет был прижат в правому краю. Но float: right; в данном случае недостаточно, т.к. виджет имеет структуру фиксированных размеров . Как можно выкрутиться из этой ситуации? Вот если б можно было назначить стиль элементу внутри iframe.

    Asked by warobushek,

    0 votes
    1 answer

  2. нужно ли учить атрибуты тегов

    Здравствуйте!Скажите пожалуйста, а нужно ли вообще учить атрибуты тегов, если для них есть аналоги в css?Просто я, например, все задаю в css и уже забыла, как называются атрибуты в html, и оно вроде бы не нужно. Но, например, если устраиваться на работу, пишут, что нужны знания html,css. Они же могут на собеседовании задать вопросы именно по атрибутам html? Получается, повторять все-таки нужно? Но тогда вообще каша в голове будет. И тем более, оно и не запоминается, когда этим постоянно не пользуешься.

    Asked by amuller,

    0 votes
    9 answers

  3. Как прижать блок к низу другого блока?

    Вот есть код. Как мне "правый блок" сделать высотой в 100%? Чтобы он растягивался вниз на столько, на сколько изменится "центральный блок" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Документ без названия</title> <style> *{ margin: 0; padding: 0; } #container { width: 900px; /* Ширина макета */ margin: 0 auto; /* Выравнивание по центру */ } #nav { width: 200px; /* Ширина левой колонки */ float: left; } #aside { wi…

    Asked by Bayanruby,

    0 votes
    6 answers

  4. Вертикальная Линия

    Извините, если повторюсь. Вот есть горизонтальная линия. Она задётся тегом <hr>. А есть ли вертикальная линия? Зарание благодарен.

    Asked by DeD_AvToRuTeT,

    0 votes
    14 answers

  5. Непрозрачное изображение на прозрачном слое

    Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>

    Asked by sergiyko,

    0 votes
    4 answers

  6. Меню

    Хочу сделать такое меню.Значит у меню есть бордюр шириной 5 пикселей и черного цвета, внутри меню ссылки.Хотелось бы чтоб пр наведении на сылку у сыылки черный фон и её фон касался краёв.Вот код <ul class='wrapper_ul'> <li><a href='message.php' >Главная</a></li> <li><a href='.php' >Контакты</a></li> <li><a href='.php'>3</a></li> <li><a href='.php' >6</a></li> </ul> #mir li{vertical-align:middl…

    Asked by new01,

    0 votes
    3 answers

  7. Прикрепить изображение к нижней части экрана

    Подскажите, как прикрепить изображение к нижней части экрана фиксированно. Чтобы при прокрутке вниз/вверх изображение оставалось прикрепленным к нижней части и передвигалось вместе со скролбаром.

    Asked by manolo,

    0 votes
    10 answers

  8. "Падают" некоторые блоки в IE

    Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…

    Asked by nazarlee,

    0 votes
    6 answers

  9. Маркированые списки

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

    Asked by nelson,

    0 votes
    1 answer

  10. Как правильно сделать отступ снизу под футером

    Имеется внешний div, у которого фоновый рисунок - штриховка. этот div имеет поля слева и справа по 20 пикселей, а также футер отступает снизу то края страницы на 20 пикселей. у div с контентом белый фон. Естественно, минимальная высота должна быть 100%, и футер внизу. По-другому задачу можно сформулировать так: есть внешний div, с минимальной высотой 100% и штриховкой на фоне, и внутренний, который имеет высоту на 20 пикселей меньше внешнего, соответсятвенно футер прибит к низу уже во внутреннем диве. Что-то подобное можно увидеть на toolsbrk.ru, но там с полосой прокрутки(т.е. внутреннему диву задана высота 100% + паддинг снизу) Очень интересно было бы увидеть решение …

    Asked by pav8909,

    0 votes
    11 answers

  11. Ровно посерединке

    Итак, многие из нас делают сайты. Очень часто вся информация располагается в единственном блоке, позиционированным горизонтально по центру. Как позиционируется: горизонтальным выравниванием или таблицей из трёх столбцов - неважно. При этом, на смаом сайте страницы имеют разное по-объёму содержание: Порой страница вмещается по вертикали без прокрутки, а порой уходит далеко вниз, при этом появляется боковой ползунок прокрутки и наш центральный блок начинает поизиционироваться с учётом уменьшившейся области браузера. То есть при переходе с "маленькой" страницы на "большую" наш центральный блок "прыгает" влево, что, порой неочень. И вот мне интересно, есть ли какой-нибудь изя…

    Asked by Metus,

    0 votes
    12 answers

  12. Текст внутри div-a

    Здравствуйте. Только начинаю использовать css, никак не могу разобраться в следующем: есть div, в нем находится текст. Div произвольной ширины. Как сделать так, чтобы текст не вылезал за границы div-a, а переносился на следующую строку? P.S. Если непонятно объяснил - скажите.

    Asked by wertret,

    0 votes
    3 answers

  13. Форма поиска по сайту

    В Google Chrome при клике появляется эта желтая рамка, Как ее убрать?

    Asked by andrecool,

    0 votes
    3 answers

  14. таблица резина ячейки

    есть таблица: <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody><tr> <td width="40%" valign="top"></td> <td width="405px" valign="top"></td> <td width="20%" valign="top" align="center"> </td> <td width="107px" align="center" valign="top"></td> <td width="20%" valign="top"></td> <td width="172px" valign="top"></td> </tr></tbody> </table> Хочу понять от чего считаются процентные ячейки?? От ширины родит. элемента, а пиксельные ячейки потом отрисовываются?? Или же сначала рисуются ячейки значений пикселей, а потом процентные ячейки берутся …

    Asked by DrStrangeLove,

    0 votes
    3 answers

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

    Подскажите пожалуйста. Я сделал страничку с помощью дивов и таблиц и добился чтобы во всех браузерах все отображалось одинаково. Но когда я залил станичку на бесплатный хостинг(не знаю можно или нет писать тут какой) со всеми прилегающими файлами, все перекосилось стали появляться отступы в неожиданных местах и тд. Из-за чего так? Напомню: оффлайн все ровно и красиво.

    Asked by AKstoAK,

    0 votes
    13 answers

  16. Выделение текста цветом

    Делается запрос в поисковике например "глазированные сырки" и выводятся результаты поиска. человек переходит на мой сайт и если он перешел на страничку моего сайта где есть точно такой текст "глазированные сырки", а не "глазированных сырков" или "сырки с глазурью", то этот тект будет подсвечиваться, для того чтобы человек мог сразу найти нужную главу текста. вот в последней картинке я выделил в фотошопе текст, как примерно он должен выделяться или может просто цвет текста поменяться. сайт на юкозе, поэтому можно ли как то исполнить это безе php?

    Asked by Airogen,

    0 votes
    4 answers

  17. Наведите на путь истинный

    Привет всем! Решил обучиться навыкам веб-дизайнерства и поэтому у меня несколько вопросов. С чего начинать? Лично я думаю сначала нужно заняться изучением html языка, далее css, javascripts и заканчивать фотошопом. И такому как мне (не знающему) можно ли стать стажёром в обычной студии, где смогу практиковаться? Я несколько статей читал, но ещё хотелось бы услышать мнения пользователей с этого форума, возможно датите советы и пр.

    Asked by Feers1de,

    0 votes
    46 answers

  18. Выпадающее вниз вертикальное меню на DLE

    Проблема заключается в следующем: есть шаблон DLE c вертикальными менюшками которые выпадают вниз на уровни. Реализовано все таким макаром: <ul id="nav"> <li><a href="/">ГЛАВНАЯ</a></li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 1 </a></li> <li id=""><a href="ССЫЛКА">НАЗВАНИЕ ПОДМЕНЮ 2 </a></li> </ul> </li> <li><a href="ССЫЛКА"> МЕНЮ </a> <ul> <li><a href="ССЫЛ…

    Asked by Incestecide,

    0 votes
    3 answers

  19. Тег Iframe в IE6

    Всем привет. Есть проблема в IE6 с тегом iframe. В сайдбаре стоит плеер с видео ютуба. В блоке контента есть фотки. Они открываются через jQuery галерею fancybox. Когда фотка открывается, то плеер ютуба находится поверх этой фотки, т.е. закрывает небольшую часть. Проблема именно в ИЕ6 Что можно придумать? <iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/...." frameborder="0" allowfullscreen> Ваш браузер не поддерживает плавающие фреймы! </iframe>

    Asked by Budulianin,

    0 votes
    2 answers

  20. Съезжает колонка.

    Здравствуйте, есть 2 колонки сделаны способом: <ul> <li> </li> <li> </li> </ul> К <li> применен стиль float:left и так получилось 2 колонки, но когда в одной <li>текст</li> левой колонки больше текста чем в правой, то почему то нижний <li>текст</li> съезжает не в низ, а в право выталкивая при этом стоящею справа <li>текст</li> в низ. Как это можно исправить, чтобы при большем количестве текста колонки съезжали не вправо, а в низ, как это должно быть?

    Asked by Maskca,

    0 votes
    18 answers

  21. Меню

    Не могу сделать нормально меню ,помогите.Значит я сделал блок,в него вложил UL с LI .И почему-то список стоит криво в блоке,ближе к правому краю,не могу понять. ПОмогите !Вот код. <html> <head> <style type='text/css'> .wrapper_mir /*MIR*/ { margin-top:19px; margin-left:29px; margin-right:1%; width:210px; height:240px; } #mir{} #mir ul{ list-style-type:none; text-align:center; background-color:red; width:200px; height:240px; border:8px solid #000000; } /*END MIR*/ </style> </head><body> <div class='wrapper_mir' id='mir'> <ul class='wrapper_ul'> <li><a href='mes…

    Asked by new01,

    0 votes
    2 answers

  22. Таймер с выплывающим окном

    Добрый вечер всем ) у меня такой вопрос "Как сделать на сайте таймер с выплывающим окном" Время проходит допустим 3 мин и выплывает окно ( не сылка на страницу а окно) где добавить слова! За ранее спасибо!

    Asked by sedoff,

    0 votes
    15 answers

  23. Три колонки

    Коллеги, прошу помощь зала. Не нашел оптимального варианта. Задача: три колонки: левая резиновая, центральная фиксированная, правая опять резиновая Заранее благодарю.

    Asked by Artlive,

    0 votes
    4 answers

  24. Картинка поверх объекта

    Всем привет. Столкнулся с проблемой. У меня есть объект на странице. Мне нужно поверх него наложить PNG картинку с вырезом по центру и чтобы карта работала (скрыть края карты, чтобы она "вливалась" в дизайн страницы). Вот сам объект (demo). Заранее большое спасибо!

    Asked by manolo,

    0 votes
    2 answers

  25. Помогите с шириной DIV в разных браузерах

    Здравствуйте! Вот сайтик: www.delpos.3dn.ru Вот код CSS для интересующих элементов: #maincol { margin: 5px 0px 0px 227px; width: 772px; _width: 100%; /*FOR IE*/ text-align: justify; } .newsBlock{ background: transparent; border: 1px solid #177245; border-collapse: collapse; margin: 5px; width: 98%; _width: 98%; /*FOR IE*/ } #marq { width: 99%; _width: 98%; /*FOR IE*/ margin: 5px; margin-top: 1px; background: #177245; color: #efd334; font-size: 16px; font-family: "Arial" !important; font-style: italic; height: 18px; border: 2px inset #177245; } Никак не могу понять, почему в Firefoxe и IE бегущая строка и тестовая статья отображаются нормально сразу под меню, а в …

    Asked by beatboxer,

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