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. Таскается картинка размещённая в img

    Как можно запретить? Интересует именно тема с img, тема с background-image не подходит.

    Asked by kidar2,

    0 votes
    1 answer

  2. Размер шрифта

    Верстал очередной макет и подумал - а какой толк верстать сайт на em, если я его указываю только для шрифта? Все отступы у меня в px... 1. Как вообще правильно делать? 2. Т.к. пользователь может изменить размер - нельзя ли как-нить задать максимальное и минимальное значение? Что-то типо: по-умолчанию font-size: 1.2em; максимальный (при увеличении) - 2em. Или так нельзя? o_O

    Asked by DjTarik,

    0 votes
    29 answers

  3. src: local('Cuprum')

    Здравствуйте. Встретил подключение шрифта: @font-face { font-family: 'Cuprum'; font-style: normal; font-weight: 400; src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/wHBEZCjwNI3HN2fD1RQJgw.woff) format('woff'); } Хочу использовать на своем сайте. В справке по @font-face не нашел, что означает запись типа local('Cuprum'). Это проверка в ОС клиента установленного шрифта с названием Cuprum?

    Asked by borus,

    0 votes
    1 answer

  4. Перенос строк текста в атрибуте alt

    <body> <img src="wp_1440.jpg" alt="Не переживайте, что вы не видите здесь должной картинки. Закройте глаза и представьте девушку в купальнике и парео, на красивом пляже, девушку, которая смотрит на вас большими глазами и пьет холодный-холодный коктейль через трубочку" width="240" height="150"> В Хроме вообще не знаю, как задействовать alt Хотя очень люблю этот браузер. В FireFox все шикарно. В Опере видно лишь столько текста из alt, сколько влезает в ширину картинки, то есть в 240 пикселей. Можно ли переносить текст по строкам в атрибуте alt? Если да, то как? Почему Хром не отображает alt? (Пробовал отключать в нем картинки, пробовал писать неправильный…

    Asked by vodoleyy,

    0 votes
    0 answers

  5. Горизонтальная прокуртка в Опере и overflow. Не могу их подружить.

    Привет народ! Подскажите кто нибудь пожалуйста (уже мозги себе сломал). У меня на сайте сейчас (см. рис.) #main-wrapper { overflow: visible; } в результате на стреницах с цумом дикая горизонтальная полоса прокрутки в Опере http://wenishop.ru/dlya-samykh-malenkikh/tsarapki-pinetochki/pinetki-detskie Единственный выход ее убрать это задать (писал сам може и бред): #main-wrapper { overflow-y: visible; overflow-x: auto; } Но, в этом случае Цум не выходит за границу контейнера. Может есть другое решенеие, чтобы и за границу контейнера выходило, горизонтальной прокрутки не было?

    Asked by VasyOK{!},

    0 votes
    4 answers

  6. Не могу убрать отступ

    Не могу убрать верхний отступ у фоновой картинки в хэдере с помощью margin. Не могу въехать почему При установке position: absolute; верхний отступ убирается, но тогда не выравнивается по центру по горизонтали. Буду очень благодарен за ответы! Прошу не сильно ругаться Ниже код: - body { background-color: #f8ebb8; margin: 0 auto; width: 100%; } [b]div#header-all { background: url('../img/header-all.jpg') no-repeat; background-color: #f8ebb8; margin: 0 auto; position: relative; height: 406px; width: 1200px; } <body> <div id="header-all"><!--Хэдер--> <div id="header-1"> <!--Верхние кнопки+Поисковая форма--> <p id="action-b…

    Asked by ar.,

    0 votes
    8 answers

  7. Вертикальное выравнивание по центру <li> а текст

    Добрый день. Есть проблема текст не могу выровнять по центру (вертикально). <!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=windows-1251" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <link rel="SHORTCUT ICON" href="favicon.ico" /> <title>Документ без названия</title> </head> <body> <table width="960" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td height="100"> &lt…

    Asked by Sel-p,

    0 votes
    8 answers

  8. Как выровнять блоки div с изображениями по вертикали?

    Подскажите пожалуйста, как разнести картинки (например 4 штуки) по всей длине экрана? То есть, если мы сужаем браузер, и высота становится больше, а ширина меньше, то мне нужно, что бы картинки как бы оставались по центру Подскажите пожалуйста, как мне здесь у right сделать что бы картинки равнялись всегда по центру? что бы при любом разрешении нижняя была с низу, а верхняя сверху? сейчас при большой высоте экрана все сверху.

    Asked by hea8y,

    0 votes
    4 answers

  9. Неизвестные точки

    Доброго времени суток, я верстал шаблон,и появилась проблема,появились какие-то неизвестные точки.(CSS) Вот скриншот:

    Asked by revos,

    0 votes
    1 answer

  10. Простое меню между горизонтальными линиями

    Нужно сверстать простое меню между двух горизонтальных линий как тут: Использование <hr> вроде как моветон, как ещё возможно линии сделать? Не знаю как правильно называются вертикальные чёрточки между разделами меню, вот их тоже не понятно как сделать, просто с клавиатуры вводить?

    Asked by Alexey_Balu,

    0 votes
    2 answers

  11. Проблема с фиксацией колонки

    Нужно сделать так, что бы правая колонка меню не наезжала на информацию, которая по середине, а уходила вправо, что бы было места для информации. Пример:тык

    Asked by Shap4yck,

    0 votes
    3 answers

  12. Проблема с z-index во всех браузерах

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

    Asked by chiffenok,

    0 votes
    2 answers

  13. Задать разный цвет ссылок в блоках

    Здравствуйте! Подскажите, пожалуйста, как задать для блока меню цвет текста, отличный от цвета ссылок? СЕйчас пункты меню оформляются, как все ссылки на сайте... вот CSS: * { margin:0; padding:0; } /*стандартные оформление ссылок и заголовков*/ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { font-weight: normal; font-style: normal; text-decoration: none; } /*оформление всех ссылок на сайте*/ a{ text-decoration: none; color:#2a76bd; } /*непосещенная ссылка*/ a:link{ text-decoration: none; co…

    Asked by Zeeeya,

    0 votes
    9 answers

  14. Подскажите как реализуется меню такого типа

    Asked by sergeysurovikin,

    0 votes
    4 answers

  15. проблема с float + div

    Привет всем ... У меня не то что проблема, мне нужна консультация ... Вот что я хотел спросить ... Я меня есть несколько блоков, основной <div id = "main">, и еще 3 дочерние <div id = "d1">, <div id = "d2">, <div id = "d3"> - хочу чтобы они строились по левому краю - есть - float: left; - все бы хорошо только прописывать флоат очень много надо ... Можно ли как-то задать осномвному блокe <div id = "main"> правило чтобы все дочерние блоки строились слева ... т.е. мне нужно показать как можно используя одно правило для <div id ="main"> - заставить все внутренние блоки строиться слева как в float: left; <html> <head> <ti…

    Asked by zerofx,

    0 votes
    7 answers

  16. нужна помощь в WP

    Здравствуйте. Помогите пожалуйста решить проблему. На сайте http://dragoncredit.com.ua/ нужно блок контента сделать больше например 600px sidebar1 и sidebar2 оставить таким же размером как и есть, но только нужно их сдвинуть вправо там где сейчас пусто смотрите скриншот Помогите пожалуйста.Большее спасибо Скриншот http://pixs.ru/showimage/SKRjpg_9088683_5989779.jpg

    Asked by BTN,

    0 votes
    3 answers

  17. Блок с материалами

    Добрый день! Помогите реализовать вот такое: У самого не выходит что-то Картинка должна быть размером: 104px на 54px

    Asked by Simpsons,

    0 votes
    4 answers

  18. Меню наезжает на блоки

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

    Asked by hea8y,

    0 votes
    6 answers

  19. footer

    Привет всем, кто может мне помочь. Проблема в следующем. Есть заготовка сайта. Ни как не могу соединить, как надо футер, мидл, и правый сайдбар. Вот так он сейчас выглядит: http://itmages.ru/image/view/707658/9035670d http://itmages.ru/image/view/707659/461c3f77 Вот коды: index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Святогор-Риэлти</title> <meta name="keywords" content="Сайт фирмы Святогор-Риэлти, Фирма Святогор-Риэлти" /> <meta name="d…

    Asked by morda77,

    0 votes
    15 answers

  20. Футер

    Привет всем. Помогите, пожалуйста, привязать футер ко всему, что выше. Нужно, что бы футер был соединен с лежащим выше блоком, но левая часть рисунка на футере, на этот лежащий выше блок, наезжала. И что бы правый сайдбар касался футера. Вот сайт: http://morda77.ts6.ru/ Кто сможет помочь, пишите, вышлю ключи по FTP. Спасибо.

    Asked by morda77,

    0 votes
    0 answers

  21. Правый блок fixed наезжает на контент?

    Моя ссылка Как сделать, чтобы он не наезжал на контент?

    Asked by hea8y,

    0 votes
    7 answers

  22. Вставка видео на web-страницу

    Здравствуйте! Создавая web-сайт, я столкнулся с проблемой вставки видео. Мне бы хотелось, чтобы при входе на мой сайт автоматически включалось видео на полный экран, а потом уже пользователь видел саму страницу. Подскажите, как это сделать?

    Asked by penkin97,

    0 votes
    2 answers

  23. IE показывает границы между картинками фона

    Здравствуйте, помогите новичку советом. Делаю сайт yasenevka2012.narod.ru В IE видны границы между картинками, как их убрать, привожу код шашки: <table border="0" cellpadding="0" cellspacing="0" width="1000" align="center"> <tr> <td class="menu1" colspan="2" background="images/up01.jpg" width="1000" height="60"><blockquote><blockquote><blockquote> <a name="start" id="start"></a> Транспортные услуги <a href="contact.htm">Контакты</a> </blockquote></blockquote></blockquote></td> </tr> <tr><td width="1000"> <!--2 table begin --> <table width="1000" b…

    Asked by bmgen,

    0 votes
    3 answers

  24. Как это сделано?

    Здравствуйте. Вот сайт: http://foodstudio . no/ Не понимаю, как сделанно, чтобы меню тянулось за скроллом вниз? А также такой плавный переход к ссылкам? Я смотрел исходный код, но так и не понял как и где это вообще подключается?

    Asked by prowoke,

    0 votes
    5 answers

  25. возможности тега <a href...

    Здравствуйте, будьте добры подскажите как сделать ссылку на странице так, что бы после перехода на другой сайт(она открывается в этом же окне), возможности вернутся обратно не было? То есть стрелки в браузере вернуть действие назад не появлялась

    Asked by criket84,

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