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. Разместить текст поверх блока <canvas>

    Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…

    Asked by Adamatis,

    0 votes
    0 answers

  2. Смещение текста в <button> при клике. IE, Opera.

    Всем известно, что текст в теге <button> при клике на нём смещается вправо и вниз. Этот "эффект" присутствует в браузерах IE и Opera: <button type="button" name="" value="" title="">Текст</button> http://jsfiddle.net/DjTarik/hGgSE/ Сразу говорю - интересует именно вариант с кнопокй (тегом <button>). Просьба не советовать "переверстать на ссылках", "использовать input" и т.д. Собственно вопрос: придумали 100% решение, как это этого избавиться? Или с давних времен ничего не изменилось? Тут больше спортивный интерес. Одно решение я нашел (с оберткой текста), но оно тоже не идеально. P.S. Предыдущие темы по данному вопросу видел, они старые. Надеюсь…

    Asked by DjTarik,

    0 votes
    0 answers

  3. выпадающее меню

    Добрый день, я новичок в этом деле и не знаю где что сделать суть вопроса такова, мне надо сделать выпадающее меню на сайте, вот демо сайт и демо админка где мне надо сделать http://www.yoom.ru/templates/view/4/ хотелось бы, что бы верхнее меню работало также как в админке (то есть выпадало бы) подскажите в каком месте надо что вставить какой текст CMS вроде не сложная но в меру моих знаний, у меня не получается сделать то что хочется, на данный момент у меня получилось сделать подменю, но совсем не то что надо http://pl-mode.ru/product/leto/ был бы очень благодарен за помощ

    Asked by plat75,

    0 votes
    0 answers

  4. Разные отступы в браузерах

    Проблему решил сам. Всем спасибо.

    Asked by Rustick,

    0 votes
    0 answers

  5. Логотип в шапке сьезжает при изменении разрешения.

    Всем доброго дня! Я только начинаю верстать и столкнулся с такой проблеммой. Создаю шапку сайта в виде картинке. На картинку наношу блоки с логотипом и мини-меню. Все бы ничего, но при масштабировании в браузерах или при смене разрешения логотип уходит вниз. Но кстати, картинка остается фиксированного размера. И также мини-меню, оно сьезжается, а должно быть на определенном месте картинки. Вот код: <body> <div id="header"> <img src="images/header.jpg" alt="Шапка сайта" /> <div id="logo"> <p class="leftmainlogo"> Box&Cube </p> <p class="underlogogrey"> create & innovat…

    Asked by aqva_spirt,

    0 votes
    0 answers

  6. Изменить цвет панели видеоролика youtube

    подскажите пожалуйста как можно изменить цвет панели при проигрывании видеоролика с youtube через fancybox. по умолчанию она серая, а хотелось бы чёрную я пробовал, используя это, дописать в get-параметры адресной строки color2=000000. не помогло

    Asked by cyklop77,

    0 votes
    0 answers

  7. Градиент на заднем плане

    Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)

    Asked by d.dee,

    0 votes
    0 answers

  8. Картинка вместо градиента

    В этом примере используется гриадиент при скроле. Можно ли использовать картинку вместо граиента, и как это реализовать! Заранее спасибо

    Asked by isamael,

    0 votes
    0 answers

  9. Выпадающее меню для мобильных устройств

    Всем привет, кого не видел. Сделал себе выпадающее меню на основе css по этому уроку. Но, естественно, на мобильных устройства не работает. Нашел урок с адаптивным меню и под мобильные устройства. Но переделывать всё меню лень, может кто подсказать, с чего начать, чтобы меню всплывало и на мобильных устройствах ?

    Asked by bremned,

    0 votes
    0 answers

  10. ui autocomplete

    день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение

    Asked by Аксинья,

    0 votes
    0 answers

  11. IE<9 Проблема со шрифтами.

    Всем привет. Ссылка - http://www.falard.org В консоле выводит ошибку - CSS3111: В @font-face обнаружена неизвестная ошибка. Такие ошибки очень тормозят в развитии, ибо на данный момент имеется очередной заваленный проект, по моей скорее всего неопытности. Информацию нашел по данной ошибке следующую - http://msdn.microsoft.com/ru-ru/library/ie/hh180764(v=vs.85).aspx Случалось что ошибка возникала не только у меня одного - http://forum.htmlbook.ru/index.php?showtopic=42956 (решение не устроило, не помогло, вообще похоже на серию нелепых движений, танцем с бубном то есть) Буду очень благодарен за помощь.

    Asked by FaLaRD,

    0 votes
    0 answers

  12. Как правильно вставить htm файл с анимацией вместо flash?

    Доброе время суток! Не секрет, что flash уходит из Интернета, на планшетниках он уже не виден. Я воспользовался сервисом от Google https://www.google.com/doubleclick/studio/swiffy/ для конвертирования моих swf файлов в htm файл с анимацией (html5). Как правильно вставить полученный htm файл с анимацией, например в php файл?

    Asked by alexander70,

    0 votes
    0 answers

  13. Тег <time> распознает ли дату, если слэши вместо тире?

    Такой вопрос, если написать тег time с правильным форматом даты внутри, то все ок. <time>1957-10-04</time> Воспримется ли как дата <time>1957/10/04</time> или надо уже добавлять datetime? Да и для кого это? Прежде всего для поисковиков? Думаю они должны распознавать разные форматы даты и времени - что слеш, что тире внутри тега. Иль как?)

    Asked by Zverushka,

    0 votes
    0 answers

  14. простая форма отправки с файлом

    Здравствуйте, уважаемые форумчане! Собственно после прикрепления файла *.zip (до 2х мегабайт) и заполнения формы, мне приходит на почту пустой архив размером 0 байт. в чем проблема? <!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" /></head> <body> <?php // Если кнопка submit не была нажата, то выводим форму $submit = $_POST['submit']; if( !$submit ) { ?> <form ENCTYPE="multipart/form-data" name="form1" method="post" action="<?ph…

    Asked by jazzic,

    0 votes
    0 answers

  15. windows 8: html/js + базы данных

    Интересует можно ли подключить в html/js приложении windows8 базу данных. База хранится на пользовательской машине. Хоть что-то хотелось бы прочитать про это.

    Asked by Slyfox,

    0 votes
    0 answers

  16. Вопрос про ширину макета и почему поплыло в другом браузере

    Здравствуйте! Практикуюсь все в верстке и создании сайта для знакомого В общем вроде бы более менее готово. Отправил на проверку... В результате сказали, что 1) слишком мелко все (разрешение экрана 1980х1080) и трудно читать. Просят картинку в центре побольше Я сделал ширину под 1000px чтоб нормально отображалось с экранов с разрешением 1024*768. У меня дома у самого 1980*1080 23". Но Так как у меня зрение не оч, то стоит увеличение масштаба по умолчанию на любой странице. Потому выглядит все ОК Вот потому не знаю как тут быть... что посоветуете? Можно ли как-то может сделать копию шаблона но под большой монитор и тогда бы автоматом выбирался именно он? 2) в интернет экс…

    Asked by nikki4,

    0 votes
    0 answers

  17. Исчезает один flash баннер.

    Пожалуйста, подскажите: Есть трехколоночная верстка, в каждой колонке флэш баннер примерно такого вида. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macr...sh.cab#version=" width="250" height="250"> <param name="movie" value="" /> <param name="quality" value="high" /> <param name="flashvars" value="link1=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTag=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266&clickTAG=http%3A%2F%2Fpxl.leads.su%2Faff_c%3Foffer_id%3D64%26aff_id%3D9616%26file_id%3D3266" /> <embed src="" quality="h…

    Asked by Микель,

    0 votes
    0 answers

  18. Резиновый дизайн с колонкой фиксированной толщины

    Имеется базовая тема Zen для Drupal с адаптивным дизайном на основе Zen Grids. Для экранов размером от 480 до 960 пикселей страница в ней бьётся на три колонки, две занимает контент и одну - сайдбар: @media all and (min-width: 480px) and (max-width: 959px) { .sidebar-first #content { /* Span 2 columns, starting in 2nd column from left. */ float: left; width: 66.66667%; margin-left: 33.33333%; margin-right: -100%; } .sidebar-first .region-sidebar-first { /* Span 1 column, starting in 1st column from left. */ float: left; width: 33.33333%; margin-left: 0%; margin-right: -33.33333%; } Для экранов шире 960 пикселей страница бьётся на 5 колонок, четыре заним…

    Asked by RedRat,

    0 votes
    0 answers

  19. Портфолио вылезает за приделы блока...

    Проблему решил. Прошу удалить тему.

    Asked by FLaShiQQ,

    0 votes
    0 answers

  20. Background

    Не могу понять, как работает background. Допустим есть блок сразу после body. Width: 70%, height:100%. Есть картинка фона. Как сделать, чтобы она растянулась на всю ширину, не повторяясь? Спасибо. <img id="y-t-loader" style="display: none;" />] - <img id="y-t-loader" style="display: none;" /> [] - <img id="y-t-loader" style="display: none;" /> [] - вот фон: http://www.imageup.ru/img295/1352714/main-bg.gif.html <img id="y-t-loader" style="display: none;" /> [] - Картинка почему-то не видна, наверно из-за того что она белая. Вот ее пропорции: Height: 6 pixels Width: 961 pixels Эта картинка представляет собой: слева белый, который к прав…

    Asked by Michael Myers,

    0 votes
    0 answers

  21. Нужен программист

    Нужен программист для решения задачи вычленения из текста статьи релевантный заголовок. Если сработаемся, еще есть несколько задач, которые хотелось бы видеть программами.

    Asked by l-999,

    0 votes
    0 answers

  22. Квадратики вместо русских букв

    Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords"/> <title></title> <link href="css/styles.css" type="text/css" rel="stylesheet"/> </head> <body> <div style="font:20px Tahoma normal; color:#00008B; line-height:1; width: 1400px; height; 50px; text-align: center;"> <form action="action.php" method="POST" name="form1" enctype="multipart/form-data"> <legend> Пожалуйста, заполните форму:</legend> <div style="font:2…

    Asked by epog333,

    0 votes
    0 answers

  23. Неправильный вывод специального символа HTML

    Приветствую всех! Имеется символ ⌕ (лупа поиска) который правильно отображается в Firefox 21 и Opera 12, но полностью игнорируется Chrome 27 и Explorer 8 (отображается пустой квадрат). Есть ли возможность заставить эти два броузера отображать его, ну и в чем вообще природа этой загвоздки? Нет, я конечно могу вставить иконку, но чисто из спортивного интереса хочу сделать страницу минимальной в объеме. Что также вообще скажете про использование специальных тегов вместо элементарной легковесной графики, не мовентон ли это, а то может мой спортивный интерес имеет дурное начало? Спасибо!

    Asked by Ryv,

    0 votes
    0 answers

  24. Text-shadow в IE lt 10 для кнопки и input[text]

    Доброго времени суток уважаемые форумчане. Реализовать text-shadow для статичного текста в ранних IE не проблема, благо есть фильтры, плагины jQuery и техника подложки. Столкнулся с проблемами добавления text-shadow тексту на кнопке и в поле ввода. 1. Кнопка Условия: кнопка с градиентом, тенью и текстом с тенью. Скриншот Попытки: a) Реализовать просто <a>: не универсально при желании использовать input[button], фильтры и плагин jqueryTextShadow создают тень для всего блока <a>, не только текста. б) Реализовать <а><span>text</span></a>: опять же не подходит для input[button] и span блокирует ховеры и клики по кнопке в IE (сделать его про…

    Asked by only_dimon,

    0 votes
    0 answers

  25. Работа со спрайтом c пр. SpriteSheetPacker

    Как использовать выданные программой значение? Пример: logomm_small = 0 0 60 17 logorobox_small = 0 17 60 17 logorupay_small = 0 34 60 17 logosmscoin_small = 60 0 60 17 logowm_small = 60 17 60 17 Картинка: Программа: http://spritesheetpacker.codeplex.com/ Так? #home{left:60px;width:17px;} #home{background:url('img_navsprites.png') 0 0;} #home1{left:60px;width:17px;} #home1{background:url('img_navsprites.png') 0 34px;} #home2{left:60px;width:17px;} #home2{background:url('img_navsprites.png') 60px 0;} #home3{left:60px;width:17px;} #home3{background:url('img_navsprites.png') 60 px 17px;}

    Asked by lev99,

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