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. Вариант расположение меню не перекрывая слои

    Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…

    Asked by Mary_RND,

    0 votes
    4 answers

  2. Варианты применений стилей

    Всем добрый день. Вопрос к опытным специалистам: Правильно ли прописывать отдельные стили непосредственно в теге, не хочется злоупотреблять классами или идентификаторами. Правильно ли так делать, ведь весь CSS будет находится целиком в отдельном файле. Пример кода для болей ясности. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> html{ width:100%; height:100%} body{ width:100%; height:100%;} #wrap ul{ margin:0; padding:0; width:100px;} #wrap ul li ul{ width:100%;} #wrap li li{ padding-left:0px; list-style-type:none;} #wrap li{ padding:5px 0 5px 20px; border-b…

    Asked by yujin11,

    0 votes
    6 answers

  3. вариантЫ эмуляции Last-child

    Подскажите вариантЫ эмуляции Last-child для IE7-8. Для ИЕ7 есть expression ,но IE8 не поддерживает их.Можно конечно через скрипт ,но хотелось узнать способа CSS

    Asked by dostel1,

    0 votes
    5 answers

  4. Ваше мнение о таблицах как способе отображения табличных данных

    Еще раз убедилась, что таблицы - это ад. Данные с виду походили на табличные, но как в процессе оказалось - никаких паддингов и маргинов для tr тега, также он не поддерживает псевдоэлементы - и много подобной фигни. В итоге пришлось создавать велосипед, чтобы получить нужное отображение. При этом я до сих пор сомневаюсь почему и как это работает в плане позиционирования внутри элементов. Представляю лицо человека, который пожелает увеличить расстояние между строками таблицы - и ему придеться править каждый td, так как они имеют собственный padding помимо общего отступа. Что вы думаете по поводу таблиц? Возможно стоило воспользоваться просто слоями - ведь что и кому дадут…

    Asked by Zverushka,

    0 votes
    12 answers

  5. Ваше отношение к бутстрап

    Здравствуйте. Вот интересует мнение окружающих о готовых библиотеках и прочих удобствах для верстки (бутстрап, лесс и прочее). На мой взгляд вручную, пальчиками быстрее и надежней. К тому же нет необходимости лишние килобайты неиспользуемого кода тягать. Почему спрашиваю - спор с начальником возник о том, что в проекте нужен бутстрап. И это после ого как я доказал, чтотшаблон лучше и проще сделать с нуля, чем пределывать готовый.

    Asked by Jey Val Star,

    0 votes
    26 answers

  6. введите свой e-mail

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

    Asked by Artie,

    0 votes
    8 answers

  7. вверху слоя отступ, а как заставить его забирать часть окна внизу?

    К примеру: #d {position:absolute;left:0;top:239px;[b]width:245px[/b];height:350px;background:url(f/2.gif)} <div id=d> <div><a href="link1.html">1</a></div> <div><a href="link2.html">2</a></div> <div><a href="link3.html">3</a></div> </div> как отсюда видно высота у слоя 245 пикселей, а как тогда сделать чтобы див был на всю высоту окна кроме top:239px ? заранее благодарен

    Asked by mix_htmlbook.ru,

    0 votes
    2 answers

  8. Ввод & Вывод текста

    Требуется сделать так: Пользователь вводит сообщение в textarea, и оно выводится (Автоматически or При нажатии кнопки) в другое окно, (textarea, в заблокированную версию textarea... Куда ещё можно выводить текст на сайте?) Но уже с Определенным (Особым) шрифтом (Шрифт - готов and загружен на сайт) Не знаю как это сделать, но надеюсь это просто Ну, например: JS, PHP or CSS скрипт И да. Я искал в интернете Там всё слишком сложно, базы данных, десятки файлов и ссылок На скрипты JS and CSS Но я думаю, для такой просто функции - не требуется так много скриптов Максимум один CSS файл and js (Или ещё какой-нибудь) код в шапке сайта Но думаю вы мне поможете

    Asked by sivak12,

    0 votes
    1 answer

  9. Ввод данных в форму и параметр value

    Что нужно сделать, чтобы при вводе данный в форму значение параметра value исчезало, подключать JavaScript?

    Asked by elaphus.vitality,

    0 votes
    6 answers

  10. Ввод данных и их дальнейшее использование

    Как сделать так, чтобы при вводе какого либо текста в поле и нажатия кнопки, которое сохраняет этот текст, выводилось это через алерт в другой функции. Например, я хочу ввести своё имя во время игры. А когда я побеждаю, то выводится alert'ом сообщение "Победил игрок (имя игрока, которое было введено в поле)". Думаю, что понятно объяснил.

    Asked by Kun32216,

    0 votes
    1 answer

  11. Ввод пар ключей-значений.

    Как визуально лучше оформить табличку(Ввод пар ключей-значений.)? Ключ-текст, выведен, произвольной длины. Значение-input text или select, размеры разные. прижать правую колонку влево, а левую-вправо? Ну и опросик небольшой ))

    Asked by KPA,

    0 votes
    0 answers

  12. Ввод текста

    Здравствуйте, уважаемые знатоки. Я начинающий сайтостроитель (совсем слабый) Я начала писать кодинг в редакторе WeBulder2008. Проблема моя в следующем: На сайте у меня должно быть 3 текста: английск. русский арабский С англ. и русским нет проблем. Проблемы с вводом арабского текста. Арабский текст (в отличие от русс. и англ.) пишется справа налево. И когда я в WeBulder2008 начинаю вводить араб. текст , то он вводится как русский, т.е . слева направо. И получается ерунда. Прошу вас, подскажите, что мне сделать, чтобы каждый текст вводился в том направлении, которого требует язык. Кстати , в Блокноте с этим нет никаких проблем. Но в нём очень неудобно работать. А ещё говори…

    Asked by Нusuf,

    0 votes
    12 answers

  13. Веб - термометр с динамической подгрузкой значений температуры из txt

    Приветствую. Уважаемы мастера и знатоки своего дела, подскажите пожалуйста или помогите пожалуйста организовать следующее <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Gauge Test</title> <script>var CANV_GAUGE_FONTS_PATH = '../fonts'</script> <script src="../gauge.min.js"></script> </head> <body onload="dR()"> <canvas id="gauge"></canvas> <div id="console"></div> <script> //////////////////Настройки графического термометра////////////////// var gauge = new Gauge({ renderTo : 'gauge', width : 300, height …

    Asked by Ser8191,

    0 votes
    5 answers

  14. Веб ссылки на общую папку

    Есть общая папка в сетевом окружении, например, \\fs1\software. Как сделать ссылку на неё с сайта? Вариант 1: href="file://fs1/software" Результат: IE - открывает, FF - преобразует в "file:///software" и не отрабатывает ссылку, Opera - просто не отрабатывает ссылку (если вставить "file://fs1/software" в адресную строку, то открывает). Вариант 2: href="file://///fs1/software" Результат: IE - открывает, FF - просто не отрабатывает ссылку (если вставить "file://///fs1/software" в адресную строку, то открывает), Opera - преобразует в "file://localhost/C:///fs1/software" и не отрабатывает ссылку. Как правильно указать ссылку? Можно ли сделать, чтоб тип file из браузера открыва…

    Asked by Niks,

    0 votes
    1 answer

  15. веб-галерея

    Доброго времени! Друзья подскажите новичку действенный метод создания веб-галерей для сайта. Основные требования: всплытие картинок по клику, внедрение зум-иконки по верх миниатюр и т.п. С максимальной кроссбраузерностью. Полезны будут любые рабочие варианты, но если есть способ обойтись лишь css/javascript, то тоже буду рад. Лично сам попробывал Lightbox 2, в целом хорош, но так и не сумел адекватно позиционировать зум-иконку поверх миниатюры: в файрфокс - гут, в ие - сдвиг, а в опере вообще уехала.

    Asked by mann,

    0 votes
    1 answer

  16. Веб-дизайн в андроиде

    Файл html не видет файл css в той же папке, хотя файл image из той же папки подключается. В третьем коде при выводе в браузер высвечивается тег <р>. Скрытый текст <link rel="stylesheet" href="style.css"> <img src="images/coast.jpg <p>Иванов А.А.<br><time datetime="10.06.2017T10:00">10 июня 2017 10:00</time></p>

    Asked by stilist,

    0 votes
    1 answer

  17. Веб-плееры на HTML5

    Учусь верстать под html5/css3+js, недавно увидел на дежурка.ру кучу бусплатных psd-шников с дизайном аудио плееров, решил что будет отличной практикой, пока почти готов один(http://wiic.ru/work_players/), сейчас берусь за вот этот: Если есть желающие попрактиковаться и заодно пополнить своё портфолио - добро пожаловать, пишите, как бы вы реализовали тот или иной psd-плеер из представленных. От себя же могу предоставить возможность выкладывать их все на ту же страничку с вашей подписью и ссылкой на ваши контакты(с вашего позволения, естественно). PS: важна именно вёрстка, а не работоспособность, хотя это тоже является обязаностью front-end разраба, но все же, для новичков…

    Asked by zlodeev,

    0 votes
    1 answer

  18. Веб-программирование -- изучаем.

    Привет всем. Вот решил для себя заняться изучением веб программирования. Перерыл гугл, но толком ничего не нашёл: а именно что и в какой последовательности, какая литература лучше и т.д. Прошу у вас помощи, а вернее подсказки что в какой последовательности изучать (я понял что в такой: HTML5, CSS3, PHP, MiSQL) - поправьте если не прав. И подскажите какую литературу, ибо книг очень много, а достойные внимания новичка единицы, какие это единицы?

    Asked by systeman,

    0 votes
    8 answers

  19. Веб-программист, верстальщик, а кто еще есть в сфере сайтостроения?

    Хотел в разобраться в этом. Итак, кто такой верстальщик, кто такой веб-программист и кто еще есть под сайтостроение в общем(И поставить на сервер сайт, управлять сайтом, создавать сайт, всякие крутые штуки добавлять). Как я думаю, веб-программист, он работает уже над готовым сайтом, он добавляет различные функции на сайт, и В общем, занимается тем, чтобы сайтом управлять можно было удобно. Верстальщик , просто создает сайт, дизайн для него, В общем придает форму сайта, контент, футер и т.д. Скиньте ссылку или здесь напишите, кто есть кто и чем занимается. И главный мой вопрос: можно ли быть верстальщиком, веб-программистом и т.д. сразу?

    Asked by RuslanHeYca4ev,

    0 votes
    45 answers

  20. Веб-программисты! Сюда!

    Интересно послушать а как вы стали веб-программистом? В каком порядке учили языки, как именно учили каждый из них, какие читали книги (авторы) и как практиковались? Сам я еще нуб, поэтому хочу пойти по следу опытных людей)

    Asked by tooq,

    0 votes
    2 answers

  21. Веб-технологии

    Добрый день, хочу спросить вашего совета в выборе веб-технологий, в какую сторону смотреть? Изучено: html\css\php\js\SQL\AJAX. Что вы можете посоветовать ещё для изучения? И ещё вопрос такого плана : есть ли смысл использовать cms-ки в небольших проектах, чисто информационных?

    Asked by iloveforever,

    0 votes
    10 answers

  22. веб-трансляция

    Здравствуйте, подскажите как осуществить на сайте трансляцию в прямом эфире (например футбольного матча).Заранее спасибо.

    Asked by din,

    0 votes
    12 answers

  23. Вебкиты браузеры и позиционирование

    Вот есть такая формочка поиска На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы: <form id="search"> <input type="text" placeholder="Поиск" /> <input type="submit" value="" /> </form> #search { position: relative; left: 80px; margin-top: 7px; } #search input[type="text"] { padding: 6px 6px; width: 174px; border: 1px solid #DFDFDF; outline: none; background-color: #F8F8F8; } #search input[type="submit"] { position: absolute; top: 0; left: 186px; width: 33px; height: 30px; border: none; background: url(images/search_button.png); cursor: pointer…

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  24. Векторная графика

    Здравствуйте. Вопрос к практикующим верстальщикам. Учусь делать верстку, появился такой вопрос. Обязательно ли всю графику делать векторной из макета? Какую именно графику делать векторной или всю? Используете ли для этого платные сервисы? Спасибо!

    Asked by melissia,

    0 votes
    3 answers

  25. Векторная маска для изображений?

    Допустим есть картинка, но надо у это фотки, допустим, уголки вырезать, что бы они были прозрачными. Вот так: Если сохранить в png то размер во мноооого раз увеличивается относительно jpg. Пробовал подключать скрипт corners (или как-то так, на jQuery), но для него надо создать див вокруг картинки и когда фон не однородный на уголках они становятся белыми %-) Пробовал подключать ictinus, но он не работает в IE8. Скажите как вы решаете данную проблему?

    Asked by bob_24,

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