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://frontpage.by первый блок зафиксировал position:fixed; меню навигационное только по странице, пример пути href="#box2" так вот беда такая, что при клике на меню вызываемый блок подлазит под шапку и перекрывается часть заголовка padding-top к каждому блоку вроде решить можно, но вся страница тогда смотрится с большими просветами между блоками. помогите, если кто знает

    Asked by holevinskijD,

    0 votes
    1 answer

  2. Вопрос по иерархии тегов

    Добрый день. Подскажите пожалуйста мануал по иерархии тегов. Т.е. например я в div вкладываю span и к нему приминяются стили div. А если вкладываю p, то стили уже не применяются. Периодически сталкиваюсь с подобной ситуацией. Сейчас пробую методом тыка. Но хочу разобраться и разложить по полочкам что к чему.

    Asked by jdk,

    0 votes
    2 answers

  3. Модальные окна. Один скрипт и 6 блоков

    Всем привет Коллеги помогите разобраться с выводом модальных окон Вот страница: http://azharova.ru/test/ee.html# При нажатии на Ежика должно выходить одно модальное окно. У меня 6 ежей и каждый со своим окном, как мне настроить этот вывод вот код скрипа, который я использую $(function() { $( ".dialog" ).dialog({ autoOpen: false, show: { effect: "blind", duration: 1000 }, hide: { effect: "explode", duration: 1000 } }); $( ".opener" ).click(function() { $( ".dialog" ).dialog( "open" ); }); });Что я не правильно…

    Asked by Anna Zharova,

    0 votes
    3 answers

  4. Несколько всплывающих форм

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

    Asked by stan07,

    0 votes
    3 answers

  5. Как прижать футер к низу при наличии абсолютного блока

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

    Asked by kattiperk,

    0 votes
    3 answers

  6. Сайт сползает вниз при SSI-включении

    Без SSI-включения страница отображается нормально во всех браузерах, а со включением - страница сползает вниз, и сверху шапки образуется пустое ненужное пространство. Помогите, пожалуйста! Вот мой код: Основное содержание: <!doctype html><html><head><meta charset="utf-8"><title>Документ без названия</title><link rel="stylesheet" type="text/css" href="main.css" /></head><body><!--#include virtual="menu.html"--></body></html>Вставляемый кусок кода: <header> </header> Стили: @charset "utf-8";/* CSS Document */body { background-image:url(Images/road-518363_croped.jpg); backgrou…

    Asked by GorN,

    0 votes
    1 answer

  7. Сайт уезжает вниз

    Здравствуйте! У меня проблема: сайт отображается нормально в обычном виде, а когда я делаю SSI-включение, то почему-то над шапкой сайта появляется пустое пространство. Не пойму в чём дело, все форумы перерыл, нигде ничего не нашёл. пробовал и на Денвер и на Оупен-сервер, никакой разницы нет, всё равно над шапкой лишний пустой кусок экрана. Вот мой код: Главная страничка: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Документ без названия</title> <link rel="stylesheet" type="text/css" href="main.css" /> </head> <body> <!--#include virtual="menu.html"--> </body> </html> Вставляемы…

    Asked by GorN,

    0 votes
    1 answer

  8. Сайдбар залезает на хэдр

    Всем привет! Пишу по примеру данного видео. Время 18:48 но у меня возникла проблема. Код в целом идентичен видеозаписи, но по непонятной для меня причине сайдбар залез на хедер. С чем это может быть связано? <!DOCTYPE html><html><head><title> Promo3D</title><meta charset="utf-8"><link href="css/main.css" rel="stylesheet" type="text/css"></head><body><div id="page_align" class="b3radius"><div id="header"><!--<div id="header_nav"><ul><li><a href="#">Главная</a></li><li><a href="#">Новости</a></li><li><a href="#">Статьи</a>&l…

    Asked by XanderAlex91,

    0 votes
    3 answers

  9. Несколько CSS с разными @Media запросами к одному HTML

    Требуется что бы в зависимости от разного разрешения экрана менялись элементы на сайте, при этом я пытался привязать несколько CSS к одному HTML: <!DOCTYPE html> <html><head><title>Black Hog Games</title><meta charset="utf-8"> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x600.css" /><link type="text/css" rel="StyleSheet" href="/Black_Hog_Games/styles/CSS_1024x768.css" /> Документы привязались и все шло хорошо, пока не потребовалось межу ними переключаться: При проверке возникала путаница - включался не тот CSS, а самый пер…

    Asked by Maus,

    0 votes
    5 answers

  10. Применение стилей и их отмена для фрагмента

    Здравствуйте. На странице есть боковая колонка, к которой применяется стиль , он подтягивается из единого файла style.css (сайт на wordpress) При правке контента в этой боковой колонке, там отображается только выводимая информация для посетителей (ссылки) Ниже решил добавить еще одну ссылку, но не хочу, чтобы к ней применялся стиль.Можно ли как-то для этой ссылки указать что-то типа "style= none"

    Asked by Витамин,

    0 votes
    3 answers

  11. Сворачивание меню в Bootstrap

    Использую Bootstrap. Подскажите пожалуйста, как сделать так, чтобы когда на маленьком экране меню исчезает и появляется кнопка меню, блок "order-now" оставался бы на своём месте (т.е. слева от кнопки меню)? <header id="header" class="site-header clearfix header main-header" role="banner"><div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span cla…

    Asked by Тёмик,

    0 votes
    0 answers

  12. Работа с @Media запросами

    Ребята - при верстке появилась такая проблема: У меня не работает @Media запросы - они просто перечеркиваются! Но если их вручную включить а ненужные выключить - все выглядит отлично! (Картинка сжимается и в общем все работает) Так как же мне сделать что-бы оно само отключало обычный тег и включало @Media при условии (max-width: 1000px)??? Вот код: HTML: <div id="Menu"><a href="http://blackhoggames.clan.su/" ><img src="/Black_Hog_Games/images/BottonHome.png" id="Home" class="Botton"></a> </div> </Menu> CSS: @media only screen and (max-width: 1000px){#Home { display: block; width: 130px; height: 30px; …

    Asked by Maus,

    0 votes
    2 answers

  13. Не могу сделать выпадающее горизонтальное меню

    Здравствуйте! У меня образовалась такая проблемка при создании горизонтального меню. В общем, само меню я сделал, а вот как реализовать чтобы при наведении курсора на пункт снизу появлялся еще один пункт с контентом я не знаю. Подскажите пожалуйста как такое реализовать, а то я уже не знаю что делать. Искал в интернете, но все способы которые там описываются мне не подходят - меню либо ломается, либо вообще не работает. Вот кстати код: css: .horiz{width:1000px;height:40px;margin:auto;padding:0px;list-style:none;} .horiz li{float:left;height:40px;border-bottom:1px solid #2e4a5b;} .horiz A:hover{background:url(/devmedia/_images/grad/headerbackgroundpnglihover.png) #3b546…

    Asked by Faberton,

    0 votes
    2 answers

  14. шапка

    народ подскажите почему шапка получилась такой большой и заголовок уехал далеко вниз http://savepic.su/5180613.jpg вот css: *{ margin: 0; padding: 0; text-decoration: none; } body{ color: #ffffff; font-family: 'Franklin Gothic Medium Regular',Arial,serif; background: #141b23 url(img/bg.jpg) no-repeat top right ; color: #b1bbcb; } .nav{ margin: 0px 710px 0px 54px; padding-top: 65px; padding-bottom: 586px; } .nav__list{ list-style: none; } .nav__list li{ display: inline; padding-left: 20px; } a{ color: #b1bbcb; } .content{ }

    Asked by Krendel,

    0 votes
    3 answers

  15. Не правильно отображается таблица на сайте, как исправить?

    Не правильно отображается таблица на сайте. Данный код добавляю вручную на статистическую страницу сайта. Использую CMS DLE 10.3 Вот как должно быть: А вот как отображает: На статистической странице выставляю Тип текста: Исходный текст HTML без фильтрации и изменений, и пишу код: <table cellspacing="10"> <tr style="background-color: gray; color:white"> <th> Заголовок 1 </th> <th> Заголовок 2 </th> </tr> <tr style="background-color: silver;"> <td> Ячейка 1 </td> <td> Ячейка 2 </td> </tr> <tr style="background-color: silver;"> <td> Ячейка 3 </td> &l…

    Asked by boltuk,

    0 votes
    7 answers

  16. Меню съехало

    Что-то не получается убрать этот промежуток. Съехало все после того, как добавил картинку звездочки в элемент списка. <body> <div class='wrapper'> <header> <img src="images/logo.png"> <div class='right'> <a href="#"><img src="images/search.png"></a> <button type='submit'>LOGIN or REGISTER</button></div> <div class='clearfix'></div> </header> <nav> <ul> <li><a href="/home/">Home</a></li> <li><a href="/products/">Products</a></li> <li><a href="/about/">About</a></li> <li>&lt…

    Asked by sp0k1e,

    0 votes
    3 answers

  17. Подскажите начинающему веб разработчику.

    Здравствуйте! Мой вопрос возможно покажется странным и очень лёгким для многих, но поверьте я запутался и никак не могу разобраться. Есть желание и нужда стать веб разработчиком. Знаю HTML, CSS(довольно хорош),JS(поверхностно), PHP(общие понятия). Читал много статей о том как создавать серьёзные сайты. Некоторые пишут что надо писать код с нуля, другие что можно взять фреймворк и подогнать под себя. Внесите ясность как всё-таки на сегодняшний день создаются сайты? Если писать код с нуля то и админ панель с нуля программировать?

    Asked by cryptus,

    0 votes
    8 answers

  18. Вопрос по объекту textarea

    Можно ли заставить форматироваться таблицу, вставленную в textarea? То есть, чтобы вставленная обычная таблица вида <table class="uniquetable" border="1" style="width: 880px;" cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="2" rowspan="0" style="text-align: center; background-color: yellow;"> Заголовок </td> </tr> <tr> <td width="700"> Ячейка 1 </td> <td width="180"> Ячейка 2 </td> </tr> </tbody></table>преображалась в визуальную таблиц…

    Asked by CraftLawrence,

    0 votes
    5 answers

  19. Чем отличается верстка под разные движки?!

    Всем привет! Давно интересует вопрос! Поделитесь информацией или полезными ссылками кто что знает про особенности верстки под разные движки (я имею ввиду такие популярные системы управления как Joomla, ModX, Bitrix, Drupal, Вордпресс, DLE) Если заказчик говорит фразу "Нужно сделать шаблон для движка DLE" это подразумевает с моей стороны, как верстальщика, вставлять какието особенности или эта задача человека который будет эту верстку интегрировать на данную CMS. Всем спасибо!

    Asked by dds,

    0 votes
    27 answers

  20. Блок в центре другого блока

    Как разместить один блок в центре другого блока? Вот заготовка - http://jsfiddle.net/u8zsehb5/ получается только по горизонтали центрировать, а как по вертикали сделать?

    Asked by alleclf,

    0 votes
    3 answers

  21. cleartype ie

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

    Asked by raptor-dm,

    0 votes
    1 answer

  22. CRM

    Скажите можно имплементировать Sugar CRM free на сайт?

    Asked by Leyla84,

    0 votes
    1 answer

  23. проблема со слайдером

    http://q26321xa.bget.ru/vpodarok/ есть слайдер на bxslider задача такая: 1) максимальная высота 690px, при сужении экрана высота пропорционально уменьшаеться(адаптивно). 2) а вот здесь у меня проблема. каждое изображение имеет разную высоту. а слайдер подгоняет свою высоту под каждое изрбражение. как сделать чтобы картинки были одинаковой высоты, и при уменьшение все это дело пропорционально уменьщалось?

    Asked by raptor-dm,

    0 votes
    2 answers

  24. Как сделать такое склдывание?

    Всем привет! Часто на сайтах видел эффекты складывания чего-то по скроллу. Вот например как тут ручка складывается http://www.fiftythree.com/pencil Хотел бы спросить у мастеров, нет ли где-то описания как такое сделать, или возможно есть уже готовые библиотеки? Спасибо!

    Asked by vladmih,

    0 votes
    5 answers

  25. Как сделать такое меню ?

    Как сделать чтоб этот треугольник при наведении появлялся по центру текста ? а то он на первом слове по середине а на других нет. И еще вопрос поставил себе ubuntu поставил gimp как в gimp узнать какой шрифт используется в слове ? http://pixs.ru/showimage/herdesigns_5346032_16234412.jpg

    Asked by Shenia132,

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