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. Как переносить шрифты из фотошопа и css?

    В макете фотошоповском текст следующего вида: Arial Narrow 14px жесткое сглаживание псевдополужирный узкий ариал почему-то не работает. погуглил и более менее похожее нашел можно сделать следующим образом font-family:'Arial Narrow', Arial, sans-serif; font-stretch: condensed; но вот как сделать жесткое сглаживание и псевдополужирность? Или подобное лучше в виде картинок оставить?

    Asked by nikki4,

    0 votes
    1 answer

  2. Как пересилить браузерные шрифты?

    Здравствуйте. Пытаюсь на лету подправить код загруженной страницы в "инструментах разработчика" Хром. Ширину таблицы получилось уменьшить, а вот уменьшить шрифт текста в таблице и установить его равным 12пикс. нет. В чем моя ошибка? Взгляните пожалуйста на принтскрин. Видно, что используются некие браузерные стили:

    Asked by borus,

    0 votes
    1 answer

  3. Как перечеркнуть текст крест-накрест?

    Здравствуйте! Как можно перечеркнуть текст крест-накрест. В интернет-магазинах так часто перечёркивают старую цену. Backgroud не устраивает - меняется геометрия, находится сзади текста, не во всех браузерах работает корректно. Есть какие-то хитрости?

    Asked by Torawhite,

    0 votes
    2 answers

  4. Как писать css правила?

    допустим есть в html некий блок с классом wrapper как его лучше оформлять в css так: .wrapper { width:900px; margin:0 auto; font:14px Arial, sans-serif; } или так: .wrapper {width:900px; margin:0 auto; font:14px Arial, sans-serif;} В профессиональной литературе разработчики советуют 2 вариант, так как он компактней и все такое, но большинство выбирают первый код. Что думаете Вы, как лучше?

    Asked by WEB-best,

    0 votes
    2 answers

  5. Как писать в файл?

    Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…

    Asked by EventPromo,

    0 votes
    1 answer

  6. как писать текст в блоке div

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

    Asked by q13m,

    0 votes
    3 answers

  7. Как пишется на PHP+MySQL рейтинг для статей звездочками

    Как пишется рейтинг оценки статьи в цифрах и звездочками? нужно чтобы было PHP+MySQL. Есть код с перечнем оценок. Как сделать так чтобы возле статьи стояли звездочки ретинга и рядом стояла цифра рейтинга?

    Asked by Victor2009year,

    0 votes
    20 answers

  8. Как плавно приближать background? Есть пример

    Как сделать так, чтобы background плавно приближался как здесь и остановился на N-ном моменте времени?

    Asked by iBars,

    0 votes
    3 answers

  9. Как по высоте растянуть вложенную таблицу?

    Таблица вложенная в ячейку другой таблицы имеет стиль height: 100%; width: 50%;. Ширина отрисовывается правильно, а вот высота - только в Fx. В Konqueror и Opera, высота как будто игнорируется. Поправка: стало всё работать, когда убрал <!DOCTYPE html>. Теперь вопрос - где и что такого сказано в стандартах по поводу этих высот?

    Asked by skvor,

    0 votes
    0 answers

  10. Как по-нормальному убрать scrollbar'ы?

    Как по-нормальному убрать scrollbar'ы? Короче ситуация такая - не хочу задавать фоны <div>"ов в процентах, но когда задаю ширину бэкграунда 1280пиксей то в браузерах почему-то появляется горизонтальная полоса прокрутки, хотя разрешение экрана 1280х1024... Можно поставить на все overflow: hidden, но тогда при уменьшении размеров окна часть страницы просто обрезается и скроллбар не появляется. Интересно, как можно решить проблему? неужели без резиновой верстки не обойтись??

    Asked by Umnik1,

    0 votes
    2 answers

  11. как победить мерцание фоновых картинок в IE6

    подскажите, всю голову себе сломала! есть код css для кнопочек a#knopa { width: 687px; height: 46px; background-image: url('knopa1.gif'); display: block; text-decoration: none; } a#knopa:hover { background-image: url('knopa2.gif'); } Все отлично работает во всех броузерах кроме ослика. При наведении на кнопку осел начинает заново перерисовывать бэкграунд, подгружая его с сервера. Не догадывается о том что он у него в кеш сидит. В результате чего происходит смена картинки но с пятисекундной задержкой. Есть ли какоенибудь средство чтобы заставить ослика моментально менять изображение без задержки?

    Asked by elvis79,

    0 votes
    4 answers

  12. Как победить правило в блоке?

    движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …

    Asked by nikki4,

    0 votes
    1 answer

  13. Как повернуть HTML таблицу целиком на 90 град.?

    Здравствуйте. У меня есть html таблица заполненная всякой информацией. Отформатирована достаточно сложно (имеется множество rowspan и colspan). Эта таблица должна быть выведена на печать в альбомном ориентации. По умолчанию у пользователя настроена книжная ориентация. В общем, чтобы пользователь не ставил каждый раз для печати этой таблицы альбомную ориентацию, хочу развернуть её целиком на 90 градусов и отправлять на печать в книжной ориентации. Сразу замечу, что переформировывать таблицу, меняя строки на столбцы в поворачивать в каждой ячейке текст, в этом варианте ОЧЕНЬ невыгодно. Необходимо повернуть весь объект-таблицу целиком. Подскажите пожалуйста как это можно с…

    Asked by posdnyaa,

    0 votes
    3 answers

  14. Как повернуть HTML таблицу целиком на 90 град.?

    Здравствуйте. У меня есть html таблица заполненная всякой информацией. Отформатирована достаточно сложно (имеется множество rowspan и colspan). Эта таблица должна быть выведена на печать в альбомном ориентации. По умолчанию у пользователя настроена книжная ориентация. В общем, чтобы пользователь не ставил каждый раз для печати этой таблицы альбомную ориентацию, хочу развернуть её целиком на 90 градусов и отправлять на печать в книжной ориентации. Сразу замечу, что переформировывать таблицу, меняя строки на столбцы в поворачивать в каждой ячейке текст, в этом варианте ОЧЕНЬ невыгодно. Необходимо повернуть весь объект-таблицу целиком. Подскажите пожалуйста как это можно с…

    Asked by posdnyaa,

    0 votes
    6 answers

  15. Как повернуть текст на 90*?

    Нужно сверстать вот такую навигацию. Как бы осуществить этот момент кроссбраузерно? но не картинками

    Asked by flagreit,

    0 votes
    8 answers

  16. Как повесить ссылку на элемент списка li ?

    Здравствуйте подскажите пожалуйста такую штуку: Есть список (тут показан только первый элемент списка) <div class="we_offer clearfix">Основные конкурентные преимущества работы с нами <ul> <li class="analyze fist_child"> <div class="thumbnail clearfix"><span><em> </em></span> </div> <h3>Тут текст</h3> <div class="block_content">Тут текст</div><a class="Readmore" href="/informatsiya-o-materiale"> Подробнее </a> </li></ul></div>В css прописана картинка, вот можно ли как-нибудь эту картинку сделать ссылкой?? .we_offer ul li.analyze span {background: url(a…

    Asked by quake3,

    0 votes
    3 answers

  17. Как повтопрно использовать код в CSS?

    Как повтопрно использовать код в CSS? Если для множества элементов идут одинаковые параметры атрибутов. Допустим, у многих элементов в моем CSS-файле назначены одинаковые атрибуты: background-repeat: no-repeat; background-position: top right; Как можно сделать так, что один раз прописать эти атрибуты, а CSS-элементам указать что бы они пользовались этими указанными атрибутами. Спасибо.

    Asked by rug_1,

    0 votes
    1 answer

  18. Как под левым блоком сделать еще такой же с отступом в 50px?

    Как под левым блоком сделать еще такой же с отступом в 50px?

    Asked by Emelean,

    0 votes
    1 answer

  19. Как подвесить картинку над контентом?

    Есть: <span><img>text</span> Задача: Надо сделать так что бы img оказалась сверху text, те не занимала место на странице а выводилась поверх текста используя тольок CSS для img. Пример: https://catlair.net/index.asp?&Body=Bod...Page&edit=2 Как карандашики сделать висящими над контентом?

    Asked by still swamp,

    0 votes
    2 answers

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

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

    Asked by ЮрийВеб,

    0 votes
    4 answers

  21. как подгрузить слой

    Вопрос такой. Есть страница на ней див контейнер. Код такой. <div style="width: 200px; height: 300px; border: 1px solid #000"></div> Можна ли на ету самую страницу подгрузить такойже контейнер, с такими же параметрами, при нажатии на кнопку. Кто знает помогите. Спасибо.

    Asked by apollo100,

    0 votes
    1 answer

  22. Как подгрузить собственный шрифт

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

    Asked by Soniclord,

    0 votes
    4 answers

  23. как подключить IE PNG Alpha Fix

    отсюда http://vengard/iepngfix/iepngfix.html

    Asked by sc@r@bey,

    0 votes
    6 answers

  24. Как подключить "загрузить фото"?

    Коллеги, добрый день! Подскажите, пожалуйста, способ сделать такую штуку - чтобы при перетаскивании на рамку картинка загружалась, а при клике открывался диалог выбора файла. Нужно именно изображения грузить, не все подряд. Скриншот вот Может есть какие-то библиотеки на гитхабе под это? Что-то по запросам, по которым я гугулил, какая-то ерунда высыпается - видимо формулирую неправильно. Подскажите пожалуйста, что-то такое подозрение, что если я это сделаю с нуля то изобрету велосипед )

    Asked by MaxWall,

    0 votes
    3 answers

  25. Как подключить 4 галереи к 1 сайту

    Привет, задал подобный вопрос ранее, что нужно менять или добавлять в js коде, чтобы 4 галереи одинаковых подключить к 1 сайту, вот сам код https://jsfiddle.net/fdrq56ym/

    Asked by exoty,

    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