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. Замена цвета областей картинки при наведении мыши

    Всем привет, прошу помощи. Вот что есть. Есть изображение размером 175Х251 Необходимо, чтобы при наведении на определенную область изображения ( всего областей 6) - эта область изменяла цвет. для этого под каждую область сделана своя картинка. На картинку наложен параметр "map" чтобы сделать каждый отдельный объект ссылкой Вот как примерно должно выглядеть: http://content.foto.mail.ru/bk/eltuicia/_answers/i-2090.jpg Как реализовать? Спасибо! Делал по аналогии с примеров имеющимся здесь же не сайте http://kottedzhi-v-finlyandii.ru/map/tesrt.html Работает, но как сделать, чтоб работало для нескольких картинок (областей)?

    Asked by zorky,

    0 votes
    6 answers

  2. Выбор цвета для ссылок в для псевдо класса hover

    Подскажите пожалуйста, какими методами пользуетесь при выборе цвета для ссылок в состоянии hover

    Asked by VictorioIP,

    0 votes
    4 answers

  3. Использование различных единиц измерения

    Смотрел несколько видео по верстке, где автор в фиксированном макете используют единицы em. Не могу понять где лучшее место для использования em в макетах, где используются % и px; Объясните пожалуйста, где лучше использовать те или иные единицы измерения.

    Asked by VictorioIP,

    0 votes
    1 answer

  4. Верстка сложного изображения

    Здравствуйте! Есть одно изображение, собственно вот оно Тут. Кому то покажется что оно вполне простое, но у меня не получается сверстать его. Прошу обратить внимание на "угасающие" границы голубого цвета по краям сайта, они и не сплошные и не такие маленькие чтобы взять часть во всю ширину изображения(верх или низ). Верхнюю часть я сверстал, проблема в нижней части. А именно нужно сделать так чтобы и тухнущие границы были на месте и блок по высоте тянулся. Я конечно могу взять кусок во всю ширину и в высоту как у границ(нижних), но тогда будет ооочень много места внизу. Уже намучался. Подскажите как это реализовать? Заранее Спасибо! P.S. Заодно выложу сверстанную верхнюю …

    Asked by Digidie,

    0 votes
    0 answers

  5. Регистрация/авторизация. PHP и XML

    Нужно создать регистрацию и авторизацию на сайте. Данные пользователей должны сохраняться в ОДИН xml-файл, типа: <?xml version="1.0" encoding="utf-8"?> <users><user id="1"><login>User1</login><password>Pass1</password></user><user id="2"><login>User2</login><password>Pass2</password></user><user id="3"><login>User3</login><password>Pass3</password></user></users> Соответственно, нужно написать скрипты для сохранения и вывода информации. + нужно как то привязать к авторизации сессию и куки на 4 часа. Собственно, подскажите хотя бы с чего начать. Во…

    Asked by Perezzloy,

    0 votes
    11 answers

  6. CMS и HTML

    Приветствую всех! Я начинающий верстальщик, есть базовые знания, но мало практики. Меня очень интересует два вопроса: 1) Можно ли сверстать с помощью html и css сайт, а потом интегрировать в него CMS? 2) Как отредактировать шаблон на популярных CMSках (друпал, joomla)? (ну то есть подправить например страницу с карточкой товара? Спасибо!

    Asked by Alfabora,

    0 votes
    3 answers

  7. не работает toggle для текста

    Почему не работает? <button>нажми</button> $('button').click(function() { $(this).toggle(function() { $(this).text('включить'); }, function() { $(this).text('выключить'); }); });

    Asked by Тёмик,

    0 votes
    1 answer

  8. Вопрос по float

    Есть данный код: <!doctype html> <html> <head> <title>Test 14</title> <style type="text/css"> #content{ width: 100px; height: 100px; background-color: black; float: left; } #footer{ float: right; width: 100px; height: 100px; background-color: grey; } #navigation{ height: 100px; background-color: red; margin-right: 102px; margin-left: 102px; } </style> </head> <body> <div id="content"> </div><!-- end content --> <div id="navigation"> </div><!-- end navigation --> <div id="footer"> </div><!-- end footer --&gt…

    Asked by VictorioIP,

    0 votes
    2 answers

  9. Закрепить слои к фоновому изображению

    Есть фоновая картинка (карта мира) на ней через слои нанесены точки. Не могу их зафиксировать что бы при разном разрешении всё было на своих местах. пример

    Asked by s133p,

    0 votes
    0 answers

  10. Форма inputbox

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

    Asked by dimma111,

    0 votes
    2 answers

  11. Система оплаты на сайте

    Доброе время суток, многим наверное известен сайт free-lance.ru или подобные. Недавно возникла идея сайта с подобной системой оплаты, т.е. заказчик вносит сумму за размещение заказа, а исполнитель при выполнении ее получает. Хотелось бы узнать каким образом ее сделать и есть ли уже готовые скрипты. P.S. Раньше никогда не имел дела с денежными операциями на сайте, поэтому, если можно, объясните поподробнее. Заранее спасибо

    Asked by Zozizu,

    0 votes
    2 answers

  12. Вопрос по поводу теста на кроссбраузерность

    В каких версиях браузеров вы тестируете свои сайты. Меня интересуют именно версии, то есть не сами названия браузеров. Например, Firefox 15.0 и Firefox 10.0 На данный момент я тестирую свои работы только в самых последних версиях популярных браузеров( Chrome, FF, Opera, Safari + IE 9,8,7 ). Хотелось бы узнать в каких более старых версия этих браузеров следует также тестировать сайт.

    Asked by markilfin,

    0 votes
    3 answers

  13. email + mysql

    Подскажите!!! Есть какой то php скрипт который заносил бы например email в bd одним разом много

    Asked by paseonru,

    0 votes
    4 answers

  14. Вопросики по Wp помогите

    Здравствуйте. Есть пару вопросов к вам. 1) Есть картинка размером 1024х200 ее нужно поставить там где шапка будет на место стандартной которая сейчас стоит на сайт http://dragoncredit.com.ua/ Друзья, помогите мне пожалуйста. Скажите пожалуйста какие нужно править файлы и что конкретно нужно прописать. Название шаблона Enstyle

    Asked by BTN,

    0 votes
    9 answers

  15. [опрос] Футер, прибиый к низу страницы

    Друзья, все мы сталкивались с необходимостью "прибить" футер к низу страницы. Также мы знаем, что есть два различных подхода к этой задаче: 1. Прибить футер с помощью position:absolute. Здесь все просто: HTML <body> <div class="wrapper"> <div class="content"> Lorem ipsum dolor sit amet </div> <div class="footer"> Consectetur adipisicing elit, sed do eiusmod tempor </div> </div> </body> CSS (вариант 1) html, body { width:100%; height:100%; } .wrapper { position:relative; min-height:100%; } .content { padding-bottom:200px; } .footer { position:absolute; bottom:0; width:100%; height:200px; } CSS (…

    Asked by indexmsk,

    0 votes
    1 answer

  16. нужна помощь в создании меню

    нужна менюшка как на http://ru.wowhead.com/ этом сайте

    Asked by xenux58,

    0 votes
    6 answers

  17. width:%2px

    Привет. мне досталась верстка и в ней вот такая запись WIDTH:%2PX; подскажите какой смысл такой записи? И это врятли ошибка потому что эта х... повторяется, используется для JS по изменению ширины окна при наведении мыши.

    Asked by Viikkk,

    0 votes
    2 answers

  18. как сверстать кнопку в меню не под прямым углом

    в изображении привиден пример когда выделение активного пункта меню выделенно вормой в виде параллелограмма как лучше сверстать такой объект? Может в css3 и html5 есть для этого какието примочки? буду благодарен за любую попмощь

    Asked by Lisjann,

    0 votes
    5 answers

  19. Анимация

    Доброе время суток! Подскажите, пожалуйста, как можно написать код (можно с помощью с другого языка программирования, но только, чтобы приложение работало на web-сайте), к примеру, пользователь дует по микрофону и парус может плавать по воде. Заранее благодарна!

    Asked by Rusica,

    0 votes
    1 answer

  20. Позиция текста в radioinput

    Привет, форумчане! Подскажите пожалуйста, в чем тут дело? У меня есть группа радиокнопок (вложил скрин). Все бы ничего, но текст каждой радиокнопочки съехал вниз, а мне нужно чтобы он располагался по центру, или хотя бы чуть выше. Вот что у меня имеется

    Asked by korjik,

    0 votes
    2 answers

  21. Позиционирование div'а

    Здравствуйте! Я только начал изучать web дизайн, это мой первый проект. у меня такая проблема: div коряво располагается в доступном пространстве. код html <td id="notesline" colspan=3> <div id="fullnotes"> <div class="note"> <div class="oldnotetext"><a href=#>Какой-нибудь текст</a></div> </div> <div class="note"> <div class="oldnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="midnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="newnotetext"><a href=#>Какой-ниб…

    Asked by Ana1oliy,

    0 votes
    1 answer

  22. Как сделать блок высотой в 100%

    Здравствуйте. Никак не могу сделать так, чтобы блок принял высоту в 100%. HTML <body> <div class="container"> <div class="layout"> Контент </div> </div> </body> CSS html, body { width:100%; height:100%; } .container { position:relative; min-height:100%; } .layout { height:100%; } Блок с классом layout никак не принимает высоту в 100%. Как поправить?

    Asked by indexmsk,

    0 votes
    1 answer

  23. Как загрузить в одном html файле несколько других html файлов?

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

    Asked by gadjet,

    0 votes
    7 answers

  24. моя 1ая работа

    Приветствую. Я художник + изучаю photoshop. Решил сделать себе небольшой сайт. Делаю с нуля в блокноте. Это мой 1 проект. http://rghost.ru/40171398/image.png моя наработка http://rghost.ru/40171406/image.png хочу сделать так Не знаю как перемещать текст, пока использую пробел вида т.к. сайт простенький и будет в нём примерно 10-15 страниц решил делать его вручную, хороший опыт для меня. вот как я делаю, да очень топорно вопрос состоит в том, чтобы переместить текст как это сделать? <html> <head> <title>Картины, макеты, рекламные апликации, фото, портреты и многое другое</title> </head> <body> <br> <center> <span st…

    Asked by stilus,

    0 votes
    18 answers

  25. Помогите сверстать

    Добрый день, есть шаблон http://freepsdfiles.net/download?id=2393. Подскажите пожалуйста как сверстать основной фон, которые клетчатый. Спасибо

    Asked by VictorioIP,

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