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. Чать русских букв выводиться нормально а другая ?

    абвгдеёжзийклмноп???????????????я - нужна помощь знатоков !!! (Используемый язык PHP,MySQL,PDO,Smarty) Пробовала все файлы php-ые кодировать в UTF-8(без BOM)... но увы не помогло !!! Так же в файле htaccess есть строка явной кодировки PHP_VALUE default_charset utf-8 В index.php присутствует строки локализации : header('Content-type:text/plain; charset=utf-8'); setlocale(LC_ALL, 'ru_RU.utf-8', 'rus_RUS.utf8', 'Russian_Russia.utf-8', 'Russian_Russia.utf8', 'Russian_Russia.65001'); ClickW,

    Asked by ClickW,

    0 votes
    5 answers

  2. Проблема с a:hover img

    Добрый день. Я, по сути, начинающий верстальщий, но сегодня столкнулся такой проблемой. Заказчик попросил что бы при наведении на ссылку у нее изменялся бекфон. Когда прописал соответствующий стиль, появилась проблема с ссылочными изображениями с прозрачным фоном. Если навести на них мышкой, фон изображения тоже меняется. В общем какие варианты я не пробовал, без результатно. Хочу попросить помощи у опытных верстальщиков. Код примера привожу ниже <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Standart//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title></title> <style type="text/css"> a, a:active, a:link…

    Asked by Sergikus,

    0 votes
    5 answers

  3. Проблема c text-shadow и opacity в Chrome

    Здравствуйте. Сегодня мне нужно было сделать эффект исчезновения и появления текста, и я заметил баг в браузере Google Chrome. Заключается он в том, что, если на текст наложен эффект text-shadow, то этот эффект не отображается пока opacity не станет равен 1. Кто-нибудь сталкивался с такой проблемой? Есть идеи как её решить?

    Asked by fttkhv,

    0 votes
    5 answers

  4. Вопросы по верстке макета (онлайн)

    Доброго времени суток! Новичок, первый макет с которого начал верстать. Оригинал: На данный момент (что имеется): Вопросы: 1. Как лучше реализовать пункты меню? (Далее будет код) 2. Черная плашка. Как ее реализовать? 3. Общие комментарии. HTML: <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="content"> <div class="header"> <img src="img/logo.png"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PRODUCTS</a></li> <li><a href="#">SERVICES</a></li&gt…

    Asked by Benya-a,

    0 votes
    5 answers

  5. Ссылки в hover меню картинками

    Надо сделать меню картинками, чтобы при наведении менялся цвет текста, ну и чтобы пункты меню были ссылками, естественно. С псевдоклассом hover я знаком, но есть одна проблема. В html коде пункты меню пустые. <div id="home"><a href="#"></a></div> Ко мне пришла в голову мысль заполнить пункты меню по высоте прозрачной картинкой шириной в один пиксель, и div a{display:block;} в css. С лого у меня та же проблема, хотя она конечно решаема вынесением картинки в html. Подскажите как по-хорошему это все сделать, не хотелось бы изобретать велосипед.

    Asked by skygazer,

    0 votes
    5 answers

  6. форма - doc - jpg

    Всем здравствуйте. Я начинающий специалист ИТ без опыта работы в web и мне требуется помощь. =) Задача: прикрутить к сайту форму в которой находятся поля для заполнения; указанные данные вставляются в существующий .doc файл в определенные места; файл конвертируется в .jpg и отображается пользователю на экране для дальнейшей печати. CMS: Joomla. Вопрос к участникам: какого рода инфа (мануал) мне нужна и где ее найти по данному конкретному вопросу. Я не прошу сделать работу за меня, очень прошу указать направление. Пожалуйста, не отправляйте по ссылкам (давайте общие советы) с обобщенной информацией по сайтостроению или указанному CMS. Буду признателен за любую помощь.

    Asked by led5458,

    0 votes
    5 answers

  7. Помогите с кнопками

    вот кнопка http://jsfiddle.net/cZQpB/ Во всех броузерах отображается нормально а в explorer 7 обрезаются с верху и снизу. подскажите как это убрать?

    Asked by flipper1001,

    0 votes
    5 answers

  8. Скругление углов

    Как же это всё достало!!! :dash: Вместе нужных вещей в CSS вводят свисто-перделки, которые при этом не работают! есть блок width:100% в нём блок width:100%; height:40px; внешний блок должен быть со скруглёнными углами. Как??? Фокс и Хром делает как надо, Опера опять выёживается! Никаких <img> - просто блок в блоке. Если даю отступы - всё нормально скруглённые углы пробиваются!

    Asked by Nanto,

    0 votes
    5 answers

  9. CSS МЕню

    Всем доброго времени суток! Нужна помощь. есть горизонтальное меню и у каждого пункта меню есть подменю. как сделать так чтобы подменю отображалось ниже родительского пункта меню и горизонталным списком, а так же что бы находилось на одном уровне с родительским пунктом меню. пример пункт 1 | пункт 2 | пункт 3 _________ подпункт 2.1 | подпункт 2.2

    Asked by artemtereshkov,

    0 votes
    5 answers

  10. выравнивание

    Как выровнять? Логин <input> Пароль <input> Повторите пароль <input> Как выровнять input`ы ровно?

    Asked by web-mindfreak,

    0 votes
    5 answers

  11. Проблема с padding

    Здравствуйте Хочу сделать на кнопках, чтобы при нажатии текст в кнопке смещался вниз (типа эффект нажатия). Это я пытаюсь сделать изменением padding`a в псевдоклассе :active. Вот пример кода <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> #buttons { font: 12px/1.4 Verdana; padding: 20px; } #buttons input[type="button"] { border: 1px solid green; padding: 5px; } #buttons input[type="button"]:active { padding: 7px 5px 3px; } </style> </head> <body> <div id="buttons"> <input type="butt…

    Asked by sergiyko,

    0 votes
    5 answers

  12. Размер шрифта в Opera

    Доброго времени всем! Заранее прошу прощения за повтор. Подскажите, как установить размер шрифта в "Опере" на 8пикс. с помощью CSS, но без изменений настроек самого браузера? Пыталась так, но не помогло: font-size:8px !important;

    Asked by vikver,

    0 votes
    5 answers

  13. Резина + две фиксированные одна под другой, проблема?

    Проблема, как сохранив (важно!) данный порядок блоков сделать так, чтобы сайдбар прижался вверх к меню. Сейчас он начинается под контентом. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Слева резиновая, справа фиксированные колонки</title> <style type="text/css"> body { color: #000; /* цвет текста страницы */ background: #fff; /* фоновый цвет */ margin: 0; /* убираем поля по краям */ } #header { height: 100px; /* высота шапки */ background: #fc0; /* фон */ } #menu { width: 250px; /* ширина меню */ background: #0fc; float: right; /* всплыва…

    Asked by 2001photo,

    0 votes
    5 answers

  14. ссылки под готовый header

    как настроить ссылки под готовую шапку сайта со слайсами с эффектом hover. пример есть header 950х150 с предпологающими ссылками обо мне, фото,контакты. буду очень рад за оказанную помощь.

    Asked by tony,

    0 votes
    5 answers

  15. нужна помощь при работе с текстом и фоном

    Доброго времени суток. Я часто пользуюсь сайтом www.amalgama-lab.com, это сайт с переводом песен. Меня интересует вот какая деталь, когда заходишь на перевод песен там есть 2 столбца с текстом и при наведении на любую из строчек фон текста меняется, как это сделать? Я хотел бы понять как оно работает, ведь это будет очень полезно при чтении на сайте большого количества текста. Woldzlo,

    Asked by Woldzlo,

    0 votes
    5 answers

  16. в какой программе они это сделали?

    Друзья, вот на этом сайте www.ferrum-n.ru мне оооочень нравится, как выполнено лого. с помощью какой программы можно такое сделать?adobe flsch, adobe after effects? заранее благодарю

    Asked by OlgaTor,

    0 votes
    5 answers

  17. Как показать сайт?

    Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо

    Asked by Yarkaya,

    0 votes
    5 answers

  18. Навигационная кнопка

    Добрый день, извиняюсь если вопрос не корректно поставлен или такие темы были. Хочу такое. Подскажите скрипт. Спасибо.

    Asked by arturhome,

    0 votes
    5 answers

  19. height: 100%

    Ребята, подскажите, как растянуть див на 100% заданной высоты в моем случае?(что бы без контента сайт был растянут на заданную высоту) http://bod2005.narod.ru/index.html

    Asked by b0d,

    0 votes
    5 answers

  20. непонятный body

    Из-за чего может быть баг. Отступ у боди сверху, пикселей на 10-15. в ксс нечего лишнего. =\ Проблема решена! в одном из внутренних дивов был маленький элемент с margin: 20px 0px; маленький засранец, заставил меня распереживаться

    Asked by RodgerFox,

    0 votes
    5 answers

  21. Абсолютное позиционирование и отступ снизу страницы.

    Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:

    Asked by Necronomicron,

    0 votes
    5 answers

  22. Chrome: position:relative/absolute и border-radius

    Заметил что хром не делает радиус для позиционированных элементов. Как можно обойти? В частности демо: http://gibigate.ru/portfolio/2012/souzparket/index.php - меню слайдера, родительский элемент с бордер радиусом, в фаерфоксе норм, а вот хром хромает

    Asked by gibigate,

    0 votes
    5 answers

  23. Кнопки из спрайта на одной строке

    Доброго времени суток. Используя технику "CSS Sprites" хочу сделать горизонтальное меню из кнопок-изображений, но каждая кнопка размещается на новой строке, как это исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS спрайты</title> <style type="text/css"> a.blueBtn { display: block; height: 30px; background: url('http://www.google.ru/images/nav_logo102.png') 0 0 no-repeat; width: 146px; } a.otherBtn{ display: block; height: 30px; background: url('http://www.google.ru/images/nav_logo102.png') 0 -100px no-repeat; width…

    Asked by Paranoia,

    0 votes
    5 answers

  24. Скрипит для видео

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

    Asked by borborich,

    0 votes
    5 answers

  25. Как организовать олпту через сайт

    Собственно вопрос, как такое можно сделать?

    Asked by DImas95,

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