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. Ошибка валидации Strict стандарта.

    Доброго времени суток, У меня на сайте ошибки валидации заголовок : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> ошибки тут : onMouseOver=" this.style.opacity=1; this.style.filter='alpha(opacity=90)'; " Скажите как вставить правильно событие?

    Asked by SuperPuperLesha,

    0 votes
    6 answers

  2. Не отображает картинки в ксс

    Здраствуйте решил перейти от теории к практике, хочю сверстать макет Раира, который есть в примерах длЯ верстки. Для меня это не первая верстка, были ещё две, которые удачно завершил. но это были мои макеты, которые я создавал оринтируясь на свои возможности в верстке. Проблема вот в чем : только начал верстать : порезал картинки, и начал делать шапку. <!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" /> <title>раира</title> <link rel="styleshee…

    Asked by Shader,

    0 votes
    9 answers

  3. Содержимое блока

    Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"

    Asked by Pato,

    0 votes
    7 answers

  4. Помогите с меню

    Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!

    Asked by GRstr,

    0 votes
    7 answers

  5. Резиновый сайт и background-image

    Не могу разобраться как сделать 3-х блочный header. По центру фикс, по бокам резина. По коду, думаю, понятно что хочу сделать: #header-menu-fon { width: 100%; } .header-menu-fon-center { background: url('image/header-menu-fon.jpg')no-repeat; width: 1300px; height: 146px; margin: 0 auto; } .header-menu-fon-left { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: left; } .header-menu-fon-right { background: url('image/header-menu-fon-left.png') repeat-x; width: 2px; height: 146px; float: right; } Пробывал разные вариант, в том числе width:100% у боковых, но в место повт…

    Asked by Ritter,

    0 votes
    11 answers

  6. Проблема с z-index в IE6-7

    Здравствуйте! Подскажите как сделать так, чтобы элемент с низшим z-indexом оставался в самом низу стека и правильно отображался в IE6-7. Вот какая ситуация: есть основной контейнер (position:relative) и есть 2 элемента с position:absolute внутри него. Мне нужно задать отрицательный z-index внутренним элементам(по обычной логике и работает в др. браузерах), так чтобы они оказались ниже основного контейнера. Как решить эту проблему в IE6-7?

    Asked by csiu88,

    0 votes
    3 answers

  7. Распределение текста по всей длине div

    Задача: Нужно сделать так, что бы текст был расположен как на скрине. Решение:? Заранее спасибо!

    Asked by epog333,

    0 votes
    5 answers

  8. Проблема с паддингом в инпуте

    Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:

    Asked by Shugich,

    0 votes
    10 answers

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

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

    Asked by DrStrangeLove,

    0 votes
    7 answers

  10. select

    Здравствуйте Не подскажите как можно изменить знак выпадения у тега select Изначально он такой (например в вин7) А мне нужно сделать такой Нашел как сделать на jq, вот например тут http://www.jqueryscripts.ru/scripts/jquery_forms/jnice/ Но можно ли это сделать на сss?

    Asked by Temiks,

    0 votes
    6 answers

  11. Помогите решить.

    Разделил страницу на части: Верх - Левая колонка - Центр - Правая колонка - Низ. В PHP подключаю эти файлы получаеться между Верхом и Середино отступ и также между Серединой и Низом. Как убрать эти отступы? Может неправильно HTML разделил? <!DOCTYPE HTML> <html lang="ru"> <head> <meta charset="utf-8"> <title> </title> </head> <body> <div> <table class="Table-Top"> <tr class="Tr-Top"> <td class="Td-Left"> </td> <td class="Td-Center"> </td> <td class="Td-Right"> </td> </tr> <tr class="Tr-Mi…

    Asked by shabalin-roman,

    0 votes
    5 answers

  12. Сайдбар по всей ширине

    Здраствуйте! У меня такая проблемка. Нужно сделать такую страничку. ...................(Хедер видс 100%)........................ ........(Контент 700пх по центру)..(Сайдбар с ценра......... ................(с сайдбаром)...........до края)............ ...................(Футер видс 100%)........................ Помогите пожалуйста, у меня проблемка с сайдбаром, просто искажаеться если именшать вылазит на контент. Может свой кто-то вариант предложите. Заранее блогодарен, с уважением, Андрей! ПС. Оч. Нужна помощь!

    Asked by Vendetta-V,

    0 votes
    6 answers

  13. Вопрос по Фаер багу

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

    Asked by Shader,

    0 votes
    8 answers

  14. Изменить цвет части блока

    Здравствуйте! Такая задача. Есть блок, у него цвет, скажем, #000. Нужно, чтобы у части этого блока цвет был другой (как здесь: http://s002.radikal.ru/i198/1108/49/888c360eeab1.png) Как такое можно сделать?

    Asked by luethus,

    0 votes
    4 answers

  15. background-position

    Здрасте, есть нубовский вопрос: Нужно обложить таблицу бэкграундом повторяющимся по горизонтали, но таким образом, чтоб слева и справа он не доходил до края на определенное колличесво пикселей. (причем слева и справа разные значения) Можно ли это сделать средствами css, без лишних ячеек, применяя класс ко всей таблице? А еще желательно без background-size.

    Asked by bioz00,

    0 votes
    6 answers

  16. Проблемы с плавающими блоками

    Есть банальный 2-х колончатый шаблон. Вот собственно он: http://jsfiddle.net/ZF6mH/ Вот исходник: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Insert title here</title> <style type="text/css"> .l-wrapper { background-color: black; } .l-content { background-color: red; margin-left: 200px; } .l-sidebar { background-color: blue; float: left; width: 200px; } </style> </head> <body> <div class="l-wrapper"&gt…

    Asked by CoDy,

    0 votes
    2 answers

  17. Кросброузерное отображение управляющих символов

    В создаваемом тексте присутствуют символы, которые отображаются только в Akelpad при создании кода или в готовом варианте - в браузере "Opera v11.50". Пример (символы с 1-го по 32-й): Коды символов Вопрос: Как добавить возможность отображения данных символов в других браузерах?

    Asked by Walter_Stolz,

    0 votes
    6 answers

  18. Макет сайта

    Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.

    Asked by grindel13,

    0 votes
    13 answers

  19. Автоширина Фонового изображения в шапке

    Доброго времени суток у меня такая проблема: Не могу выставить авто подбор ширины фоновой картинки (хочу что-бы полностью растягивался на всю шапку в зависимости от разрешения экрана)перепробовал разные варианты но либо шапка слетает либо не помогает Занимаюсь уже на готовой конструкции сайта (ну так получилось сайт не мой шаблон от МКпортал) вСекции Лого где идет код шапки вот такой код: <tr> <td id="mklogostrip" style="background-image: url('$mklib->images/top_back.png') ""> <a href="$mklib->siteurl/index.php"><img src="$mklib->images/logo.png" border="0"" /></a> </td> </tr> как мне этот к…

    Asked by MERINGOT,

    0 votes
    9 answers

  20. Тень и выравнивание по центру

    Приветствую товарищей дизайнеров и прошу подсказать насчёт 2 небольших вопросов. 1. Есть элемент с id aaa. Он выводит на экран различные уведомления. Подскажите, как сделать так, чтобы тень была не от всех элементов находящихся внутри, а от рамки этого элемента, который с id aaa? И, правильно ли я задал его расположение? Элемент должен выводиться в центре окна браузера. CSS: #aaa { background: #eee; border: 1px black solid; border-radius: 6px; text-align: center; padding: 5px; position: fixed; left: 25%; top: 25%; text-shadow: 0.1em 0.1em 0.15em #555; } 2. Подскажите, как выровнять сайт по центру?

    Asked by Sandr,

    0 votes
    4 answers

  21. Проблема с div блоком, не расширяется на 100% по высоте

    Имеется следующий код html и css <!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" /> <title></title> <link href="style/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <div class="header_left"> <div class="header_left_line"> <div class="header_left_line_bottom"> …

    Asked by dinaron,

    0 votes
    2 answers

  22. микроразметка hCard

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

    Asked by cyklop77,

    0 votes
    1 answer

  23. При увеличении правого столбца, подвал не падает

    Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="<? echo $p_n_s[description][1]; ?>"> <META name="keywords" content="<? echo $p_n_s[keywords][1]; ?>"> <title><? echo $p_n_s[title][1]; ?></title> <link rel="stylesheet" type="text/css" href="sostav/style.css" /> <link rel="shortcut icon" href="glavdising/favicon.ico" /&g…

    Asked by Воитель,

    0 votes
    2 answers

  24. Резиновый дизайн. (от и до)

    Добрый день, уважаемые гуру верстки. Возник вопрос: Нужно сделать резиновый дизайн с параметрами от 400px и до 480px. Чтобы в промежутке этих 80px все элементы позиционировались на равном расстоянии друг от друга и "ездили". Как осуществить именно от и до. Потому что как дизайн делать полностью резиновым я знаю. С уважением, arthyrgrex.

    Asked by arthyrgrex,

    0 votes
    1 answer

  25. Движение Изображения

    Как Заставить Изображение двигаться за Екраном(Если человек просматрюющий сайт прокрутил страницу вниз Фоновое изображение поехало за ним) в CSS?

    Asked by yarickyarick,

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