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. Проблемы оступа Mozilla Chrom между элементами.

    <!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> <title>Page</title> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <link rel="stylesheet" type="text/css" href="styles/style.css" /> </head> <body> <div id="logo"> <table> <tr> <td> <img src="images/logo.jpg" alt="Логотип"/> </td> <td c…

    Asked by noskovgleb,

    0 votes
    3 answers

  2. Не могу разобраться с "условием"

    Здравствуйте! Есть код, которые генерирует на сайте каталог. Хотелось бы выделить названия отдельных позиций(в коде {{collection.title}}) каталога жирным шрифтом. Значение этих отдельных позиций известны. Возник вариант решения - прописать условие, если {{collection.title}}="заданному значению"(или {{collection.title}} содержит заданное значение), то <b></b>, иначе оставить без изменений. Не смог найти примеров решения такого вопроса. Помогите пожалуйста! html <li class="category-top"><span class="top-span"><a href="{{collection.url}}" class="category-top"><span class="{% if collection.current? %}category-subs-parent-selected{% else %}cate…

    Asked by kostun,

    0 votes
    2 answers

  3. Верстка divami в 2 колонки гле ошибся

    День добрый. Столкнулся с такой проблемой при верстке шаблона divами. Проблема в следующем: Правая колонка уезжает не растягивается вниз по высоте, и просто уходит вниз основного контейнера. Пример здесь: Моя ссылка Кусок кода css: /*Макет колонок*/ .vsep { width: 100%; background: #fff url("../images/vsep_mid.png") repeat-y 800px 0; } .vsep .vsep { padding: 20px 0 0 0; background: url("../images/vsep_top.png") no-repeat 800px 0; } .vsep .vsep .vsep { padding: 0 0 20px 0; background: url("../images/vsep_btm.png") no-repeat 800px 100%; } .container, .rightside, .dopside, .midside, .mainside { overflow: auto; } .container { width: 800 px; padding: 0 15px 0 15px; } .con…

    Asked by remont63,

    0 votes
    3 answers

  4. Перевод сайта из em в pt

    Здравствуйте! До этого момента верстал всегда в em, однако сегодня внезапно понадобилось переверстать страницу в pt и начались трудности: текст, который я указываю в pt при верстке раза в полтора больше, чем в макете photoshop. Размер указываю тот же, что и в макете. Всю голову сломал, не пойму в чем дело... Не подскажете из-за чего это может быть и какие правильные техники верстки в pt? Заранее большое спасибо!

    Asked by Salladorec,

    0 votes
    3 answers

  5. Хочу стать подмастерье

    Доброго времени суток . Есть огромное желание, научиться создавать и верстать сайты. Если есть возможность, у опытных создателей сайтов, взять в подмастерье начинающего, прошу отписаться. О себе: знаю html (4), css(3), javascript(начинаю). ICQ: 501257 . Спасибо за внимание)

    Asked by werwen,

    0 votes
    6 answers

  6. Увеличение картинки при наведении на ссылку

    Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении. И имеется текстовая дублирующая ссылка. Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась? <style type="text/css"> .blok1 {position: relative; cursor:pointer; display: inline-block;} .blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;} .blok1:hover img + img {display: block;} </style> <div class="blok1"> <a href="#"> <img height="100px" src="1.jpg"/> <img height="200px" src="1.jpg"/> </a> </div> <a href="#">link1</a>

    Asked by thinkslow,

    0 votes
    3 answers

  7. border-image

    Здравствуйте. подскажите что здесь использовать border-image или еще что-то? http://jsfiddle.net/dBDtN/ вот пример. вопрос: почему border-image не вокруг всего блока, а только сверху и снизу?

    Asked by chiosan,

    0 votes
    6 answers

  8. Помогите Убивают!

    .ю

    Asked by grabla,

    0 votes
    0 answers

  9. Выравнивание счетчиков

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

    Asked by Mistic,

    0 votes
    6 answers

  10. Угловой градиент на css

    Здравствуйте. Возникла необходимость реализовать угловой (конусовидный) градиент на подобие вот такого на чистом html/css без картинок. К сожалению в спецификации http://dev.w3.org/csswg/css3-images/#gradients на данный момент не описан синтаксис для создания подобных градиентов (только для линейных и круговых). Собственно вопрос: есть ли какие-то приемы и способы, чтобы реализовать подобную вещь (может комбинацией linear-gradient или еще как-нибудь)?

    Asked by valkon,

    0 votes
    1 answer

  11. Поехало меню в IE9

    Добрый день! Делаю сайт у начинающего программиста, ибо дешевле. Когда открываешь сайт в IE9 , ездит меню, он не знает как решить эту проблему, подскажите, пожалуйста. Вот сайт http://dettoy.ru/ Заранее спасибо!

    Asked by kdgroup,

    0 votes
    3 answers

  12. Блок контента выходит за пределы

    Люди добрые, помогите пожалуйста, пытаюсь сверстать тему, вроде все встало, но видимо не все(( Суть проблемы: 1. Обертка wrapper заканчивается раньше, чем должна, т.е. перед футером, а в шаблонах прописано, что заканчивается после футера, но мне это не мешает(пока) 2. Содержимое из блока container выходит за пределы и накладывается на футер 3. При включении плагина фотогалереи и вставки миниатюр в container, все, включая текст за миниатюрами "уезжает" в футер. Помогите пжлста, очень прошу. Проблема решена

    Asked by smusik,

    0 votes
    0 answers

  13. Картинка целиком фоном таблицы

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

    Asked by EgoEl,

    0 votes
    4 answers

  14. Стили для label

    Здравствуйте. Скачал html-шаблон для сайта и добавил на страницу index.php форму авторизации. Проблема в том, что стиль для label-ов на форме авторизации влияет на стиль label-а на форме поиска. Как сделать так, чтобы label-ы на формах поиска и авторизации имели собственные стили, которые не влияли бы друг на друга? Вот картинка: Ссылка на архив с шаблоном.

    Asked by keltax,

    0 votes
    2 answers

  15. ссылка, которая меняет checked в радиокнопке

    Есть 2 ссылки на 1 страницу заказа. Каждая ссылка для заказа своего продукта (Паркес 7 и Паркес 77). На странице с формой заказа есть две радиокнопки для смены товара. По умолчанию стоит первый (Паркес 7). Мне нужно чтобы при переходе по ссылке для заказа Паркес 77 радиокнопка менялась с положения Паркес 7 на Паркес 77. Такое возможно?

    Asked by apexis,

    0 votes
    13 answers

  16. Как убрать промежуток

    Возникла такая проблема. Я сместил радиокнопки(новая почта, интайм) вверх на 70px используя position:relative; top:-70px. Теперь между радиокнопками и кнопкой отправить пробел в 70px. Если кнопку отправить поднять таким же макаром, то получится пробел между кнопкой и краем формы. А если просто прописать margin-top: -70px, она наоборот вниз опуститься. Как мне поднять кнопку, чтобы не оставлять пробелов? Моя ссылка

    Asked by apexis,

    0 votes
    4 answers

  17. кнопка facebook like

    Помогите пожалуйста решить проблему: кнопка facebook like не отображается в Opera.

    Asked by AleNkaSvi,

    0 votes
    4 answers

  18. Помогите пожалуйста

    Всем доброго дня! Подскажите, кто знает! Почему у меня css селектор прописан 2 раза в файле css через ctrl+f проверил весь документ такого селектора больше нет?? в чём проблема и как это убрать? http://itmages.ru/image/view/782595/6130f404 Заранее спасибо!

    Asked by danila_omega,

    0 votes
    1 answer

  19. Сложный селектор

    Здравствуйте, уважаемые. Возник вот такой вопрос. есть список ul <ul> <li>Текст <li>Текст <li class="hidden">Текст <li>Текст <li>Текст </ul> И есть "зебра" li:nth-child(2n){ color:red; } .hidden{ display:none; } Вот вопрос, как можно скомбинировать селектор чтобы li.hidden не учитывался селектором :nth-child(2n). Элементов с .hidden м.б много. Заранее спасибо.

    Asked by tyareg,

    0 votes
    2 answers

  20. Самые полезные книги по web дизайну и программированию

    Привет всем, извините за глупый вопрос, но расскажите какую лучше читать литературу для web программиста среднего класса( Знаю html css немного js php и Macromedia FLASH). Расскажите, пожалуйста, как вы развивалисб в данной сфере, какие книги, блоги, сайты читали? Буду очень благодарен за ответ.

    Asked by saswat,

    0 votes
    1 answer

  21. Шрифт, IE9/10

    Здравствуйте, подскажите пожалуйста, никак не могу подключить шрифт правильно, чтобы работал в IE9/10. Уже всё основное перепробовал. 1. @font-face { font-family:Enigma; src:url(../font/Enigma.ttf) format("truetype"); } 2. @font-face { font-family: 'Enigma'; src: url('../font/Enigma.eot'); src: local('O'), url('../font/Enigma.woff') format('woff'), url('../font/Enigma.ttf') format('truetype'), url('../font/Enigma.svg') format('svg'); font-weight: normal; font-style: normal; } Может вообще такое быть, что это шрифт такой, который не хочет воспринимать IE? xDD Ссылка, на всякий случай.

    Asked by decode,

    0 votes
    6 answers

  22. Непонятная полоска снизу

    Помогите убрать снизу белую полоску. Никак не могу понять как я убрать. Вот сайт http://bagpad.ru/. Вот скрин https://docs.google.com/file/d/0B6vCzfR9bObmbVVMeDNkM0ozVzA/edit

    Asked by smirn0ff,

    0 votes
    3 answers

  23. Нет графического оформления разделов

    При создании категорий сайта и после их проверки таких вещей не обнаружил а сейчас как то получилось такое не знаю из за чего. Работает графика только те категории которые обозначены главными вот фото http://s017.radikal.ru/i439/1211/7e/de01d58c3854.jpg а главные это все разделы которые не находятся в подкаталоге. И еще после регистрации на сайте нажав кнопку Профиль пользователя далее пункт Мой профиль также не отображает графику сайта это я обнаружил еще давно а вот с разделами сайта обнаружил только вчера. Как мне это исправить? сайт http://satsputnik.500mb.net/ движок сайта DLE 9.7

    Asked by grabla,

    0 votes
    0 answers

  24. Как сделать пустой div невидемым

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

    Asked by berg12,

    0 votes
    6 answers

  25. Положение картинки vs разрешение

    Здравствуйте! Нужна помощь при верстке макета. Проблема заключается в следующем: нужно сделать что бы картинка при разных разрешениях монитора была на одной позиции, и размеры ее не искажались. Скроллинга как вертикального так и горизонтального не должно быть http://dropi.ru/Cmk.jpg Коим образом можно сделать? Пробовал сделать через правило @media но ничего толком не получилось. Да и вариант прописывание правил для каждого разрешение не очень то хорош. Возможно есть статья связанная с подобной задачей или уже созданная тема на форуме, буду благодарен за ссылку. Спасибо! Ps. 2 администрации: Не могу отредактировать профиль, и поиск по форуму не работает - ошибка. Но возмож…

    Asked by vicing,

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