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. Резиновые блоки. Проблема с фоном

    При уменьшении окна браузера, когда появляется скролл фон блока сползает до размера величины окна. Передвинув скролл вправо становится заметным, что фон блока сполз. Остается только фон указанный в теге <body>. Подскажите пожалуйста, кто встречался с такой пробелмой, ее решение.

    Asked by proger,

    0 votes
    1 answer

  2. Проблемы с выпадающим меню CSS

    Проблема такая. Пишу сайт для себя и столкнулся с небольшой проблемкой - не могу сделать вертикальное выпадающие меню... Это мой первый сайт Помогите кто чем сможет. Пишу в 2 файлах .html и .css.Всё работает кроме этого Вот код: HTML <html> <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div class="cap"></div> <div class="mm"> <div id="mm1"><a href="page.html" class="bs1">a</a></div> <ul class="menu1"> <li><a href="page1.html">1</a></li> <li><a href="page2…

    Asked by KoliK29,

    0 votes
    1 answer

  3. Одно разрешение, разные размеры экрана.

    Собственно, вопрос. Будет ли разница в вёрстке, если разрешение у ноутбуку (17 дюймов) 1600 на 1200, и у десктопа (22 дюйма) тоже 1600 на 1200. Подскажите, в чем будет отличие и как это проверять/фиксить

    Asked by YaroslavLyzlov,

    0 votes
    1 answer

  4. Проблема с колонками

    Есть сайт из двух колонок. Левая - контент, правая - доп. меню и т.п. Как сделать чтобы обе колонки были на одном уровне? Делал через div'ы.

    Asked by xDemix,

    0 votes
    1 answer

  5. ошибки валидатора css

    Заглянул сегодня увидел 10 ошибок одинакового типа : "Ошибка значения : list-style-type none не является значением list-style-type : none" Что это значит? Всегда ставил list-style-type:none дабы убрать маркеры, но валид посчитал это ошибкой?

    Asked by Hoax,

    0 votes
    1 answer

  6. Размер объекта и его выравнивание

    При выставление размера шрифта, свойство margin не работает. Подскажите как выравнять объект, если при выставление нужного размера. Вот то что у меня: .container3 { width: 300px; margin: 0px 200px 50px 200px }

    Asked by Вальдемар,

    0 votes
    1 answer

  7. Обрезается фон

    http://www.site-service.net/weatlas/ Есть верстка рассчитанная на по ширине на 1200px, так вот вопрос: При меньшем разрешении обрезается фон справа, как это поправить?

    Asked by site-service,

    0 votes
    1 answer

  8. js карусель

    Нужен хелп, в jse не особо разбираюсь, брал готовый скрипт карусели, где картинки меняются по нажатию на кнопку, сечас сказали доработать и сделать так, чтоб со временем картинки ещё и сами прокручивались, мб поможет кто? вот скрипт: <script type="text/javascript"> $(document).ready(function(){ $(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию: $(".h-carousel-items").animate({left: "-222px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд. setTimeout(function () { // устанавливаем задержку времени перед в…

    Asked by necro,

    0 votes
    1 answer

  9. как получить данные из выпадающего списка

    Помогите пожалуйста как сделать чтоб из выпадающего списка после выбора значения это значение текстом строчкой появлялось под этим списком <select name="spisok"> <optgroup label="Первая группа"> <option value="pt1">Пункт 1</option> <option value="pt2">Пункт 2</option> </optgroup> <optgroup label="Вторая группа"> <option value="pt3">Пункт 3</option> <option value="pt4" selected>Пункт 4</option> <option value="pt5">Пункт 5</option> </optgroup> </select> вот такой список

    Asked by voodoo200,

    0 votes
    1 answer

  10. Выравнивание трёх слоёв

    В общем такая картина: <div id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…

    Asked by denisyok,

    0 votes
    1 answer

  11. полупрозрачный фон

    Добрый день ! Подскажите чем можно реализовать эффект с шапкой, на сколько я понимаю это полупрозрачный фон, но у меня не выходят яркие цвета. Вот ссылочка шаблона: http://livedemo00.template-help.com/osc_40134/ Благодарю за ответ!

    Asked by AndreyNK,

    0 votes
    1 answer

  12. box-shadow или background-image?

    Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…

    Asked by the user,

    0 votes
    1 answer

  13. Создание шаблона Joomla!

    Подскажите пожалуйста, перед созданием файла index.php, как я понимаю, нужно мысленно разделить свой PSD на области? Левая колонка, правая, футер, шапка, меню..А потом уже исходя их этого наращивать на них так сказать Код? Или я как-то не так понял? И где можно подробно почитать о написании index.php? Вообще интересует, как в него подгружаются все страницы их меню..Контакты например и т.д..

    Asked by Noraad,

    0 votes
    1 answer

  14. Убрать границы у картинки

    Всем привет! Вставляю картинку у которой только в центре есть изображение. Но картинка на браузере IE отображается с красными полями. Уважаемые мастера - как убрать границы, сделать их невидимыми? Благодарю тех кто поможет.

    Asked by Вальдемар,

    0 votes
    1 answer

  15. помогите выровнять три колонки

    При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .gr…

    Asked by mnjk,

    0 votes
    1 answer

  16. Доступ к элементу родительской страницы

    Доброго времени суток. я не так давно занимаюсь версткой и у меня возникла такая проблема: у меня есть страница index.html, на этой странице есть два iframe которые изначально скрыты <div id="1" class="left" style="display:none;"> <iframe name="left_frame" class="left_frame" frameborder="0"></iframe> </div> <div id="2" class="info all_mid" style="display:none;"> <iframe name="info_frame" class="info_frame" frameborder="0"></iframe> </div> вверху страницы index есть 4 ссылки-кнопки. вот описание одной такой ссылки <a target="left_frame"; href="javascript:void(0);" OnClick="show ('1');parent.left_f…

    Asked by sseekkiirr,

    0 votes
    1 answer

  17. Как прописать стили отдельно для каждого браузера ?

    Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net

    Asked by kpripper,

    0 votes
    1 answer

  18. ссылки по документу

    Добрый день. при переходе на страницу сайта - site.com/dokument.html все нормально, но если потом перейти по ссылке site.com/dokument.html#href заголовок съезжает наверх могу дать линк на сам сайт

    Asked by kote,

    0 votes
    1 answer

  19. PSD

    Подскажите плз где можно почитать как правильно пользоватся фотошопом для нарезки рисунков из PSD (как выбирать слои, как их обединять, уберать фон, узнать тип шрифта и т.д.). Заранее спасибо.

    Asked by Bizon4ik,

    0 votes
    1 answer

  20. Проблема с меню

    Здравствуйте, помогите пожалуйста с меню, я не знаю как сделать чтобы активный пункт выделялся желтым градиентом с треугольником. http://itmages.ru/image/view/761786/8e2854b1 мои наброски http://jsfiddle.net/EdLTE/

    Asked by dashaa481,

    0 votes
    1 answer

  21. Как превозмочь стиль, подключаемый ниже чем мой?

    Здравствуйте. Установил компонент. Его стили подключаются ниже, чем подключенная мной таблица стилей. Я вижу два выхода: 1. лезть в директорию модуля и править css 2. подредактировать index.php joomla шаблона и подключить свой css файл где-нибудь ниже Лучше второй вариант осуществить?

    Asked by borus,

    0 votes
    1 answer

  22. Изменение ширины textarea

    Здравствуйте, как можно сделать что бы когда пользователя щёлкает в поле textarea чтобы ввести сообщение поле плавно увеличивалось(в высоту). Так же как и в системе комментирования disqus на этом сайте.

    Asked by Cooooop,

    0 votes
    1 answer

  23. Совмещение текста на картинке

    Всем бодрого времени суток Вот такая загвоздка у меня... У меня сайт, внизу которого футер с картинкой (сплошная на всю длину). Задался целью сделать там надпись, на этом футере, но не тут то было. Картинка, при попытке вывести на нее текст, начинает отображаться самыми невообразимыми вариантами. Хотя по моей задумке она должна оставаться как есть и не меняться, и на ней просто в НУЖНОМ месте должен появиться текст. Вот как у меня в CSS записано отображение картинки: #footer { position: relative; margin-top: -2.5em; background: url(images/img01.gif) repeat; } Туда пытался вставить: .center p { text-align: center; Для того чтобы выравнять текст по центр…

    Asked by Вальдемар,

    0 votes
    1 answer

  24. почему тему удалили?

    я хочу что бы когда я создавал на странице новую информацию старая информация уходила на страницу назад как это сделать?

    Asked by Dimantimakov,

    0 votes
    1 answer

  25. Резиновый блок с тремя разными частями

    Всем доброго времени суток! Друзья, имеется у меня вот такая проблема. Есть блок, который не резиновый. Вот фон: Нужно сделать из этого блока резинку. Сам принцип знаю, но нужна помощь. Нужно сделать, чтобы блок был один, но левая часть по у повторялась, центр повторялся по умолчанию, и правая часть тоже по у повторялась. Пробовал таким способом: Ну и в HTML <div id="primary"><div><div></div></div></div> Но ничего не вышло нормального. Можете помочь?

    Asked by dartwlad,

    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