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. Попиксельная верстка макета из Adobe Illustrator'а

    Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.

    Asked by MiReQ,

    0 votes
    6 answers

  2. Поплыл шаб

    Добрый день! Поплыли блоки в сайтебаре, подскажите как поправить... Хочу вот так - Пока вот так - А так же подскажите, как сделать белый блок (для всего контента + сайтебар) (есть в 1 скрине, но нет во 2) HTML <!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=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css"/> <title>GRead beta</title> </head> <body> <div class="main"> <div class="head"> </div> &lt…

    Asked by Dark_Semi,

    0 votes
    4 answers

  3. Попощь по поиску по сайту

    Подскажите пожалуйста, у меня есть бордер, в который мне нужно сделать, что бы пользователь мог вводить текст и нажимать на кнопку поиск и искать! Надеюсь суть понятна!

    Asked by oleg126,

    0 votes
    1 answer

  4. поправить код

    помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'

    Asked by cyklop77,

    0 votes
    2 answers

  5. Поправить линию

    Ребят, как оптимизировать линию на скрине под Safari(iPhone) ? Даже в Opera Mini норм отображается 1-ый скрин с Firefox на компе : http://s017.radikal.ru/i436/1111/95/8fb5eecf8e31.jpg 2-ой скрин с Safari(iPhone) : http://s017.radikal.ru/i401/1111/95/2b01b5131381.png Основной CSS : http://paste2.org/p/1777448

    Asked by a1m,

    0 votes
    0 answers

  6. поправить меню

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

    Asked by cyklop77,

    0 votes
    3 answers

  7. поправить слайдер

    помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/

    Asked by cyklop77,

    0 votes
    3 answers

  8. популярно про php

    Подскажите, что такое php, в чем делают, и где об этом можно почитать?

    Asked by Полуд?нный,

    0 votes
    10 answers

  9. Пора спать?

    http://testcms2.hol.es/2/ Есть блок "Кейсы", внутри него FancyBox, не работает переход стрелками которые крутяться тегами <span>, в коде они присутствуют, но для стилей задан display: none, думаю что не хватает какого то скрипта, но они все подключены, укажите ошибку Гайд http://www.xiper.net/collect/js-plugins/gallery/fancybox.html

    Asked by Struggle,

    0 votes
    6 answers

  10. Порекомендуйте видео по bootstrap 3

    Порекомендуйте пожалуйста статьи или видеоуроки по bootstrap.

    Asked by ErUnDAK,

    0 votes
    3 answers

  11. Порекомендуйте видеоурок

    Доброго времени суток. Порекомендуйте пожалуйста курс видеоуроков как сверстать сайт из шаблона фш. Давно просматривал один курс по-моему Евгения Попова, показывали как нарисовать шаблон как сверстать его и как установить на хостинг, тематика была что то про путешествия. Если кто знает или помнит такой дайте пожалуйста ссылку. Еще инфа: кажется сайт назывался Choose Travel

    Asked by Amalkurbanbaev,

    0 votes
    2 answers

  12. Портативность документа

    Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …

    Asked by valenok,

    0 votes
    8 answers

  13. портфолио

    Пиеопле, подскажие как сейчас можно это дело организовать, файлы в html и css.

    Asked by electricmammont,

    0 votes
    13 answers

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

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

    Asked by FLaShiQQ,

    0 votes
    0 answers

  15. Портфолио на Github

    Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…

    Asked by CdSy,

    0 votes
    0 answers

  16. Портфолио.Что и как?

    Доброе время суток! Около 3 месяцев занимаюсь изучением HTML,CSS,JS,в скором времени будет PHP,MySQL.В основном пока интересует деятельности верстальщика.Практикуюсь как могу,получается понемногу) Но с недавних пор начал встречать понятие "портфолио".В общих чертах знаю что это такое. Вопрос банальный,точно задавался уже на форуме,но поиск не работает( Как должно выглядеть портфолио верстальщика,ну или "веб-мастера"?То есть свой сайт,блог,просто набор работ и т.д? Смотрел шаблоны сайтов,далеко не все можно вкладывать в портфолио.Какие тогда можно и нужно вкладывать? И есть ли сайт где можно взять шаблоны. Портфолио нужно и для постоянного трудоустройства,и как для фриланс…

    Asked by Vlad_Lotysh,

    0 votes
    3 answers

  17. Порядковый номер элемента в CSS

    Есть задача. Нужно для 5-го элемента класса (пусть будет "style1") задать отдельный стиль. Можно это как-то осуществить в css? Если возможность прописать порядковый номер? Дело в том, что нет возможности сменить класс этому элементу и id у него тоже нет.

    Asked by Blake,

    0 votes
    10 answers

  18. Порядок - он есть или его нет ?

    Смотрел старые вопросы , ничего не нашел , спрошу здесь . Существуют нормы стилей которым необходимо следовать стилизуя сайт ? Порядок свойств и их значений , есть раздница ... div{ width: 500px; height: 200px; color: # colornumb; } и div{ color:#colornumb; height: 200px; width:500px; } Это только я так заморачиваюсь а браузеру всеравно , или он делает одолжение принимая неверно расставленные свойства ?

    Asked by RomanF,

    0 votes
    2 answers

  19. порядок блоков в потоке для html5

    скажите пожалуйста правильно ли я понимаю. в html5 не обязательно располагать блок с кодом контента как можно выше в коде. к примеру на этой странице так и сделано - сначала идёт блок aside(сайдбар), а потом уже основной контент(статья). и при этом разметка все равно считается семантичной в html5. так ли это?

    Asked by cyklop77,

    0 votes
    1 answer

  20. Порядок в коде

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

    Asked by Yahoo!,

    0 votes
    3 answers

  21. Порядок верстки сайта

    День добрый. Хотел у знающих людей поинтересоваться таким вопросом. Есть ли разница в порядке верстке сайта. Допустим надо сайт из шапки, 3х колонок и подвала. 3 колонки - это (к примеру) меню, контент, новости. Какая верстка будет правильная.. <div id="head"></div> <div id="wrapper"> <div id="left"></div> <div id="content"></div> <div id="right"></div> </div> <div id="footer"></div> При загрузки загружается шапка, левая часть, середина(контент), правая часть, подвал или такая верстка <div id="head"></div> <div id="wrapper"> <div id="subwrapper> <div id="co…

    Asked by behadr,

    0 votes
    2 answers

  22. Порядок действий при верстке

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

    Asked by ВикторТрошка,

    0 votes
    2 answers

  23. Порядок загрузки веб-страницы

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

    Asked by DrStrangeLove,

    0 votes
    7 answers

  24. порядок загрузки объектов

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

    Asked by Amitt,

    0 votes
    5 answers

  25. порядок загрузки страницы

    очень интересен порядок загрузки страницы. опишу как я его понимаю, если не правильно, то поправьте пожалуйста. js-код по возможности помещают ближе к концу html-кода чтобы сначала на экран выводилась основная информация, которая в тегах, а потом уже js-плюшки. то есть браузер получает с сервера код полностью. затем на основе каких то правил(у каждого браузера они свои) строит некоторую модель(в первую очередь обрабатывается неяваскрипт). потом происходит вывод информации. потом обрабатываются скрипты и снова результат выводится на экран. так ли это? вообще спрашиваю потому, что интересно если встраивать в html-код скрипты тэгом <script>, то будет ли это равносильн…

    Asked by cyklop77,

    0 votes
    1 answer

  • Обсуждения

    • 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