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. Всплывающее меню

    Здравствуйте. Недавно начал осваивать верстку. Сейчас делаю первый макет и столкнулся с проблемной. Не могу сделать горизонтальное всплывающее меню. HTML <!DOCTYPE html> <head> <meta charset="utf-8" > <title>TeaM GreeD</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div id="container"> <!--Регулирует размеры по ширине!--> <div id="header"> <ul id="menu"> <li><a href="#"><span>Главная</span></a></li> <li…

    Asked by WHITEMAN23,

    0 votes
    22 answers

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

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

    Asked by Gaspode,

    0 votes
    1 answer

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

    Как выровнять по центру содержимое тега 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

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

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

    Asked by chiffenok,

    0 votes
    3 answers

  5. Div блок и прокрутка

    Есть всплывающий div блок, в который загружается текст для редактирования. Контейнер выставлен по центру left:50%; top:50%; Проблема: когда разрешение небольшое, контейнер вылезает за границы экрана, прокрутка появляется, но сам блок остается отцентрованным и прокрутка на него не действует. Как с таким бороться? Параметры контейнера: #popup { background-color: #FFFFFF; position: fixed; height:600px; left:50%; top:50%; min-width: 300px; z-index: 41; }

    Asked by Жуля,

    0 votes
    10 answers

  6. Стили не отображаются в ИЕ

    Что делать? что-то уж сильно ужасно даже в 8 выглядит http://site.druzhina.org/ судя по сайтам проверки отображения в разных браузерах вплоть до 8 выглядит ужасно, в 9 как и должно быть

    Asked by AquaGen,

    0 votes
    3 answers

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

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

    Asked by chaban,

    0 votes
    1 answer

  8. Организация сайта

    Здравствуйте! У меня возникла проблема в организации сайта. Подскажите что нужно делать, чтобы определенный контент на сайте был доступен только пользователям, оплатившим его? Нужно ли создавать какие-нибудь базы данных на сайте, заставляя пользователя создавать свою учетную запись или можно обойтись без этого? Если без базы данных не обойтись, то распишите как её сделать...

    Asked by astonmen,

    0 votes
    8 answers

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

    Есть простое меню на 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

  10. Вопрос про img

    А можно ли в img отобразить часть изображения? Или он всегда старается впихнуть в доступное пространство весь файл(в соответствии с указанными высотой и шириной)? А еще конкретнее, можно ли использовать спрайты в таблице?

    Asked by Анна,

    0 votes
    11 answers

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

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

    Asked by 7ion,

    0 votes
    4 answers

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

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

    Asked by Budulianin,

    0 votes
    3 answers

  13. Можно ли добавлять новые пункты меню на все страницы сайта одновременно

    Добрый день. Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально. Но для того чтобы добавить в меню сайта новый пункт, надо добавлять его на каждой странице отдельно. Страниц около 50 шт. Можно ли автоматизировать етот процес.

    Asked by avtorytet,

    0 votes
    12 answers

  14. тег address

    существует тег <address>. в спецификации html и справочнике htmlbook написано, что он предназначен только для выделения адреса автора сайта. часто вижу, что им выделяют любые адреса. допустимо ли такое? использовать его несколько раз на одной странице, как я понял, можно(раз в спецификации ничего не сказано про это)?

    Asked by cyklop77,

    0 votes
    3 answers

  15. Реализация формы заказа

    Всем привет За пару дней нарисовал и сверстал сайт с помощью гугла и этого сайта... Хочу сделать вместо простого прайса хорошую форму заказа с отправкой на емей. Цель : Клиент выбирает нужные пункты по типу <select> <option>Пункт 1</option> <option>Пункт 2</option> </select> далее форма для комментария и контактов... с последующей отправкой этих данных на указанный емей. и тут смотрел и в гугле искал ничего полезного не нашел мб не так задаю параметры поиска не понятно. нашел пример http://www.gameshelper.net/prokachka-personazha-world-warcraft внизу находится html css и.т.п изучаю пару дней сильно не пинать

    Asked by Gin21,

    0 votes
    4 answers

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

    Здравствуйте. Вот кусок 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

  17. Обтекание дива текстом

    Как сделать так что-бы блок новостей приклеенный к правому нижнему углу обтекался основным текстом? Если блок позиционировать абсолютно то он не будет обтекаться, если сделать "float: right" что-бы обтекался то как блок прилепить в к низу страницы?

    Asked by denisator,

    0 votes
    21 answers

  18. разбиение фона

    разбирал одну страницу и появился вопрос. зачем фон(небо, трава) составлен из 4 картинок, а не из 2? наверняка здесь какая то мысль, но моего опыта не хватает чтобы понять

    Asked by cyklop77,

    0 votes
    6 answers

  19. Отображение границ таблицы

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

    Asked by Prel,

    0 votes
    3 answers

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

    Друзья, помогите пожалуйста. Всё обыскал не могу понять в чём проблема... В общем... На странице посередине стоит таблице. Она состоит из двух колонок и одной строки. Она содержит в каждой колонке блоки с текстом. Проблема заключается в тексте. Если в одном из блоков попадается длинное слово, то таблица очень сильно растягивается по горизонтали и почается горизонтальный скролинг. Я думал решить эту проблему прописав в стилях у блоков с текстом word-wrap: break-word; , но к моему удивлению это не вышло. Проблема решается только если указать конкретную ширину у блоков с текстом. ННо надо, чтоб ширина была резиновой. Как решить проблему? Я уже мозг почти сломал...

    Asked by new01,

    0 votes
    5 answers

  21. Help! Фон картинкой для ссылок (link, hover, active,)...

    Здравствуйте уважаемые знатоки CSS! Подскажите, пожалуйста как решить след. вопрос... Для ссылки нужно задать фон с помощью картинки. На рисунке показано: 1. Как получается у меня 2. Какого результата я хочу добиться Мне нужны разные фоны для a:link, a:hover, a:visited, a.active Когда я прописываю стили - фон "прилипает" к символам ссылки. Пытался к класам ссылки прописывать "padding", в результате, фон также остается "прилипшим", просто добавляются "пустые" отступы... Заранее благодарен за помощь!

    Asked by Vedrys,

    0 votes
    5 answers

  22. ::after в IE8

    Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?

    Asked by Gaspode,

    0 votes
    3 answers

  23. тег <img>

    вопрос. а можно ли в теге <img> указать id или class, что-бы потом с помощью стиля например размножить линии по заданным координатам

    Asked by montana,

    0 votes
    7 answers

  24. border-radius в IE 7-8

    Сабж. Какой-нибудь проверенный способ есть? А то в инете их чего-то много подозрительно. Пробовал парочку несколько месяцев назад, тогда так и не добился адекватной работы. Вот и щас не хочется об стенку биться.

    Asked by Gaspode,

    0 votes
    12 answers

  25. Табицы стилей для определённых браузеров

    Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует Opera, потомучто в нём картинка rss и логотип находятся в неправильном месте. А я подстраивала CSS для Firefox и Chromium, там всё нормально. Вот стиль, описывающий иконку rss #content a.feed-icon { float: none; /* LTR */ margin-top: -5px; position: relative; bottom: 36px; top: 10%; left: 202%; z-index: 1; } Этот стиль находится во внешней таблице, вот как мне теперь сделать чтоб этот стиль игнорировался Opera и использовался альтернативный ? Вот альтернативный CSS: @media all and (min-width: 0) { #content a.feed-icon { flo…

    Asked by Goldsnich,

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