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. странности с text-align: jistify

    Здравствуйте. Сегодня на одном проекте решил воспользоваться методом равномерного распределения элементов в резиновом блоке. Но часы упорства не приводили к результату, хотя, казалось, код написан верно. http://jsfiddle.net/GbWFt/3/ - как видите два правых блока сомкнулись в 1. Потому что в html их div не разделены пробелом. Если разделить - то все работает как нужно. Объясните, пожалуйста, что это за беда. Я полагал, что за 1 "слово" в строке считается inline-block элемент, но не знал, что отсутствие пробелов в html коде может объединить их в 1 слово. Прошу прощения за ошибку в названии темы

    Asked by USF,

    0 votes
    5 answers

  2. Вёрстка сайта Amazon.com

    Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...

    Asked by Marakaya,

    0 votes
    7 answers

  3. посоветуйте девайс для тестирования кроссплафторменной верстки

    Здравствуйте, товарищи! Прошу прощения за, возможно, дурацкий вопрос, но какой уж возник Хочу развиваться в направлении разработки кроссплатформенных сайтов, задумался над тестированием на различных устройствах. Широкоформатный монитор есть, маленький нетбук есть, смартфон есть. Планшета нет, но возникла возможность раздобыть. Но вот какой? С одной стороны, просится iPad. С другой - у него разрешение 1024х768, т.е. такое же, как и у нетбука. Понятно, что тач-интерфейс, другой пул шрифтов и все такое, но все-таки есть сомнение, что на айпаде сайт будет отрисовываться иначе, чем на нетбуке. На андроиде планшетов море, разрешения самые разные, какой выбрать - непонятно... М…

    Asked by Elflight,

    0 votes
    11 answers

  4. горизоньальное меню на ul

    как из этого сделать меню на ul li? <ul id="nav"> <li><a href="#">Раз</a></li> <li class="active"><a href="#">Два</a></li> <li><a href="#">Три</a></li> <li><a href="#">Четыре</a></li> </ul> требования: рассредотачивание пунктов по ширине страницы фон из желтых картинок появляется только когда :hover или при .active делаю через before и afrer, не могу сопоставить картинки по вертикали( получается только с точными значениями типа 12px, но если изменить размер шрифта, то картинки опять сбиваются кто вверх кто вниз. это должно быть не сложно! не могу на…

    Asked by panda,

    0 votes
    5 answers

  5. Fansybox не корректно работает

    В общем столкнулся с такой проблемой. Первые 3 картинки должны увеличиваться, когда на них нажимаешь иногда увеличиваются, иногда нет. а вот самая последняя картинка увеличивается стабильно. Я думал это из за li элементов, в чем может быть проблема как думаете? Вот и сам пример

    Asked by moslem,

    0 votes
    0 answers

  6. position:fixed лишь по одной оси, возможно ли?

    Приветствую всех участников форума! Есть вопрос - реально ли на чистом CSS реализовать мою задумку. Вот пример: http://jsfiddle.net/4sJYM/ Внутри элемента есть два вложенных дива. Возможно ли БЕЗ JS сделать так, чтобы #left всегда был закреплён по левому краю, но прокручивался по вертикали, а #top - наоборот, прокручивался по горизонтали, но всегда оставался бы прилеплённым к верху viewbox родителя? Всем спасибо за внимание.

    Asked by Crystall,

    0 votes
    3 answers

  7. <!doctype html> и плавающие элементы

    Добрый день,такой вопрос, собственно дизайн сайта представляет собой следующую картину , див main, в нем 2 дива, content и правая колонка.У main'a, соответственно, задан background-color. Ставлю float:left для контента, и float:left для колонки, с шириной все в порядке, 70% и 20% для контента и для колонки. Но возникает проблема, проподает background в мейне, т.е. просто прозрачный фон(виден background body). Если убирать <!DOCTYPE html>, фон возвращается в main... Еще проблема решается заданием высоты или максимальной высоты для main'a. Визуально не видно. Но при просмотре разметки, создается впечатление, как будто блоки content и правая колнка не дети main'а, а со…

    Asked by Briss,

    0 votes
    4 answers

  8. Не могу решить задачу с div

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

    Asked by cmig,

    0 votes
    10 answers

  9. Закругленные края.

    Доброго времени суток! Решил сделать шапку с закруглёнными краями, когда верстаю таблицами всё вроде неплохо, но div не получается никак. В наличии: header_left.jpg - левая сторона шапки. header_center.jpg - центр шапки (полоска, которая дублируется repeat-x)/ header_right.jpg - правая сторона шапки. <style> #header {width: 100%; height: 119px; margin: 0; padding: 0; text-align: center;} </style> <div id="header"> <div style="display: inline;"><img src="header_left.jpg"></div><!-- --><div style="background-image: url(header_center.jpg); height: 119px; width: 1200px; display:inline-block;"></div><!-- -->&…

    Asked by Чиполлино,

    0 votes
    8 answers

  10. Валидация. Мозг вскипел....

    Здравствуйте. Validator.w3.org выдает ошибки по моему шаблону которые я исправить не могу так как не могу понять что не так... Буду благодарен за разъяснения. 1. required attribute "type" not specified <script>(function(){if(window===window.parent){… 2. document type does not allow element "input" here; missing one of "ins", "del", "h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "address", "fieldset" start-tag <input type="text" name="s"> 3. start tag was here <input type="text" name="s"> 4. end tag for "input" omitted, but OMITTAG NO was specified <input type="submit" value="Искать" > 5. required attribute "alt" not specified …" height="49" src…

    Asked by PREDATORik,

    0 votes
    18 answers

  11. Проблемы с размещением CSS

    У меня две проблемы Первая: как в css указать расположение элементов например в нутри таких рамок Вторая: Как в таком квадрате поднять вверхтекст код php <div class="box"> <a href="http://16mb.com/$myrow[avatar]" ><img alt='$_SESSION[email]' src='$myrow1[avatar]'></a> <name> $myrow1[name]</name> </div> код css .box { position: relative; width: 500px; padding: 15px; margin: 0 auto; background-color: white; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); z-index: -1; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), i…

    Asked by shizik,

    0 votes
    0 answers

  12. Вывод элемента на определенное место

    На странице, в блоке Х выводится элемент, изображение в ссылке <a id="foto" href="/3.jpg"><img src="/3.jpg"></a> Нужно, чтобы этот элемент всегда, вне зависимости от того, где он находится в блоке Х, отображался в правом-нижнем углу блока Х. В блоке Х могут быть и другие элементы, но это не должно влиять на отображение элемента. Кроме того, что все остальное должно обтикать этот элемент. Как сделать css'ом? Может я туплю, что-то голова уже плохо варит. a#foto{ float:right; margin:0; padding:0; display:block; position:absolute; }

    Asked by qazibum,

    0 votes
    3 answers

  13. 150 переключателей

    Я немного упрощу реальную задачу, что бы попроще объяснить, что мне нужно. Нужно на PHP с генерировать страничку, содержащую 150 переключателей. Так же на это страничке должно быть текстовое поле, в 150 символов. Символы могут быть 0 и 1, в зависимости, от того включен ли переключатель, или выключен. При нажатии на переключатель, соответствующий ему символ должен меняться. При отправке формы, нужно отправить только эту строку. При создании формы, часть переключателей уже нажата. Я пока даже не представляю, с чего начинать. Буду рад, как ссылкам на готовые скрипты, так на на страницы реализующие хотя бы похожий функционал. Да и от простого совета не откажусь. Что-то мне ка…

    Asked by MisHel64,

    0 votes
    0 answers

  14. Зачеркнутые ссылки на сайтах

    Вопрос несколько не в тему. Подскажите, а с чего это с совсем недавнего времени буквально на всех сайтах в Интернете ссылки стали выполняться в виде зачеркивания? Это как-то связано с SEO?

    Asked by aaron,

    0 votes
    4 answers

  15. Трабл с выпадающим меню

    Потихоньку учусь верстать - столкнулся с таким траблом: есть горизонтальное меню, понадобилось сделать выпадающие подпункты. Вроде бы все сделал, но выпадает только при наведении на активный пункт меню. Джумла 2.5, модуль меню стандартный. Сайт: http://dvl.su Код: .menu_top { float: right; margin: 45px 300px 0 0; list-style-type: none; font-family: 'archangelskregular'; letter-spacing: 1px; } .menu_top li { display: block; float: left; margin: 0 25px 0 0; padding: 0 0 5px 0; } .menu_top li a { text-decoration: none; display: block; color: #ffffff; font-size: 24px; margin: 0; padding: 0 0 5px 0; float: left; } .menu_top li a:hover{ color: #f5f5dc; border…

    Asked by Morlan,

    0 votes
    0 answers

  16. Загадочный отступ, попробуй объясни

    Столкнулся с поведением элементов, которое очень трудно объяснить мне в определениях действующей логики. Пример ситуации указан ниже. Проблема в загадочном отступе который появляется при задании основному блоку .main padding отличный от нуля. Происходит непонятное схлопывание, которое вылазит за рамки моего сознания) Где зарыта корова, я не знаю...с группой единомышленников локализовали проблему вокруг <fieldset> . Тестировал в Chrome. Помогите разобраться http://jsfiddle.net/49EYP/7/

    Asked by Svatov,

    0 votes
    10 answers

  17. Вопрос по оформлению выпадающего меню

    Никогда не обращал внимание, подсвечиваются ли родительские пункты в выпадающих менюшках? Стоит ли это делать?

    Asked by Avalon4eg,

    0 votes
    1 answer

  18. Форма искажается при масштабировании

    Добрый день. После верстки формы входа и регистрации обнаружил неприятный эффект при масштабировании( Ctrl + wheelUP/wheelDown ) страницы в браузере, элементы формы слабо изменяют свой размер относительно других объектов, что ломает верстку и приводит к выходу за границы отведенной области. Подскажите как можно решить этот вопрос? Проблема ли это для отображения элементов формы на экранах другой диагонали? _http://mekonom.com/forma/

    Asked by kletchatii,

    0 votes
    1 answer

  19. Текст в линиях

    Здравствуйте! Как можно такое реализовать?

    Asked by Simpsons,

    0 votes
    4 answers

  20. Можно ли выделить пункт в котором находишся при помощи псевдоклассов

    Здравствуйте! Такая ситуация, есть меню с лева, в нем пункты 1, 2 и 3, можно ли сделать так при помощи псевдоклассов, когда заходишь в пункт два что бы он выделялся другим цветом, то есть что бы пользователь знал в каком пункте он находится. Интересуют примеры тока с псевдоклассами, может кто так делал. Спасибо

    Asked by qtk,

    0 votes
    1 answer

  21. @font-face не работают в ie7,8

    Здравствуйте. Загрузил шрифт на http://www.fontsquirrel.com/fontface/generator/ Ресурс выдал архив, запускаю .html в IE в режиме 7,8 шрифты не работают, в ff,opere,chrome все нормально. Вот пример Моя ссылка

    Asked by sasha-ua,

    0 votes
    2 answers

  22. Обильное использование id - зло

    Здравствуйте, видел где-то, на форуме, что человек сказал "Обильное использование id в верстке - зло". Как это понимать и как быть ? Использовать больше классы? И в чем заключается зло ? ))

    Asked by Simel,

    0 votes
    1 answer

  23. не работает after

    не работает данный, код не могу понять почему .beforeLoad { position:absolute; top:0; left:0; width: 100%; height: 100%; background-color:#000; opacity:.3; } .beforeLoad::after { content:''; background-image:url(img/287.gif); margin: 25% auto; width: 150px; height:150px; } помогите плизз

    Asked by cyber_ua,

    0 votes
    5 answers

  24. Один слой наползает на другой

    Подскажите - не пойму, почему так. Не пойму, почему блок с контейнером наползает на блок со слайдером. Или мне так кажется? Но тем не менее, в Firebug показывается, что один находится под другим. Вот код: http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/EkMPv/

    Asked by aaron,

    0 votes
    5 answers

  25. <header>

    Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…

    Asked by Simel,

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