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. Подгрузка шрифтов

    Здравствуйте! Подскажите плиз как лучше поступить в следующей ситуации: При верстке макета столкнулся со шрифтом которого нет на моём компе[TrebuchetMS] [italic]. Поменять на похожий не вариант – поскольку заказчик требует именно этот... Из этого следует вопрос: Существует ли в инете механизм, на котором находились бы абсолютно все шрифты,которые через ссылку можно было бы подгрузить? И самое главное что бы это было надёжно и абсолютно кроссбраузерно... В одной работе увидел такой код: @import "style/style.css"; @font-face { font-family: "MyriadProCondensed"; font-style: normal; font-weight: normal; src: url("myriadpro-cond_0-webfont.eot?#iefix" ) format("…

    Asked by Yamaradg,

    0 votes
    4 answers

  2. Люди может кто встречал?)

    Всем привет. При верстке столкнулся с проблемой. Итак, я всегда акцентирую внимание на шрифтах. Подскажите может кто встречал такой , как он называется?? А может кто знает такой же и на кириллице?? Ну может что-то похожее? http://www.carolinakaucher.com/en/#portfolio (portfolio, about me и т д)

    Asked by penchukov,

    0 votes
    4 answers

  3. outline:0

    суть описана в самой теме

    Asked by Lincky,

    0 votes
    4 answers

  4. С помощью какой проги или сервиса можно быстро сделать каркас HTML+CSS?

    С помощью какой программы можно быстро сделать произвольную заготовку HTML+CSS, каркас для будущего сайта? Готовые макеты не предлагайте скачивать - это не то. Нужно либо в визивиге, либо в окошках для задания параметров или еще как-то быстро накидать нужный каркас, со всеми нужными float, width и margin. Чтобы экономить время на дальнейшую верстку более мелких элементов.

    Asked by Squidward,

    0 votes
    4 answers

  5. Как привязать шрифт к сайту?

    Народ. у меня есть сайт. установил на нем шрифт с помощью font-family: ******; но если у человека, нету такова шрифта, то сайт у него будет написан обычным Arial. можно как нибудь сделать, что бы при загрузке сайта, грузился шрифт? а то не хочу делать сайт с шрифтом Arial.

    Asked by Gotafak,

    0 votes
    4 answers

  6. Фон картинкой для скрытого дива

    Меню гармошка имеет скрытые блоки, когда нажать на кнопку скрипт делает блок видимым (ставит style="display: block;"), но фон не отображается! Есть Блок: <div class="menu_body" style="height: 91px"> </div> стиль: .menu_body { background-position: 12px 0px; background-image: url('../images/fon_menu.png'); background-repeat: no-repeat; margin: 0px 0px 12px 0px; display: none; } Путь к картинке правильный! Но вот как фон она отображаться не хочет.

    Asked by rullan,

    0 votes
    4 answers

  7. position:fixed for ie6+отступ на скроллбаре

    КОД <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> body{ font:20px Arial; text-align:justify; } *{ padding:0;margin:0; } html,body{ height:100%;overflow:auto; } *html .fix{ margin-right:17px; } .fix{ width:100%; height:300px; background: orange; text-align: center; color:blue; font-size:12px; position:fixed; top:0;right:0; _position:relative; } #SS{ padding-top:310px; } </style> </head> <body> <div id="SS"> <div class="fix">ONE</div> Много тЕКСТА!!!!!! </div> </body> </html> проблема в том что в …

    Asked by dostel1,

    0 votes
    4 answers

  8. всплывающий блок перекрывается подвалом

    Вроде бы стили одни и те же, порядок элементов тоже, но получаю странный эффект. Второй день никак не могу найти в чём косяк, поэтому прошу помощи от незамыленного взгляда компетентного человека. Сравните две страницы, прошу обратить внимание на табличку-зебру с конкретными наименованиями, в низу страницы: _http://poligon.info/catalog/index.php?SECTION_ID=5418 и _http://poligon.info/catalog/index.php?SECTION_ID=5418&ELEMENT_ID=72414 при наведении на ячейку с наименованием, всплывает блок с изображением. почему-то во втором случае, этот блок перекрывается подвалом. Заранее благодарен.

    Asked by Быколай,

    0 votes
    4 answers

  9. Подвисает сайт

    Сайт http://xn--8-mtbvk1b.in.ua/ подвисает и это хорошо видно когда зайдешь в раздел фото и будешь быстро мотать страницу что нужно сделать чтоб подвисания не было ?

    Asked by T@NKIST,

    0 votes
    4 answers

  10. Сложное обтекание div-ов

    Здравствуйте. Столкнулся со следующей проблемой с обтеканием div-ов. На картинках ниже приведено, что есть и что нужно получить. Это у нас есть: (http://itmages.ru/image/view/287959/d5fb3475) А вот так надо: (http://itmages.ru/image/view/287960/4a7d5e0b) Код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> <style> .news_main{ font-weight:normal; text-align:left; padding-top: 3px; padding-bottom: 7px; } .news_box{ text-align: left; vertical-align: top; padding: none; height: auto…

    Asked by nikolay2011,

    0 votes
    4 answers

  11. Проблема с позицией

    Дело было так <div id="sofa"> <ul class="service-list"> <li>ывсмыв</li> <li>ывмыв</li> <li>ывмым</li> <li>вымвыы</li> </ul> <ul class="service-list2"> <li>ывмыывм</li> <li>ывмывы</li> <li>ывмывм</li> </ul> </div> #sofa { background:#9FC; height: 226px; float:right; width: 727px; } .service-list { float: left; list-style-type: none; margin-left: 22px; position: relative; top: 28px; width: 160px; } .service-list2 { float: left; list-style-type: none; margin-left: 15px; position: relative; …

    Asked by penchukov,

    0 votes
    4 answers

  12. Проблема с бэкграундом

    Верстка Картинка white background по ширине 1000px. Серый бэкграунд прописан в body, но почему-то растягивается на весь экран, хотя body по ширине 1000px. Сам макет выглядит так Нужно чтобы черный бэкграунд растягивался только на 1000 пикселей в ширину (по ширине body).

    Asked by Rustick,

    0 votes
    4 answers

  13. Проблема с выравниванием по центру в InternetExplorer

    Добрый день! Не подскажите в чём причина проблемы и как её решить? В следующем примере страницы контент выравнивается посередине. Но вот почему-то в Internet Explorer контент не выравнивается по центру, а во всех других браузерах всё работает нормально. Выравнивание производится стилем #wrap { .. margin:0 auto; .. } Код: HTML <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link type="text/css" href="css/Blocs.css" rel="Stylesheet" /> </head> <body> <div id="wrap"> <!-- Header --> <div id="header"…

    Asked by pavel_martin,

    0 votes
    4 answers

  14. Слетает позиционирование в IE

    Привет всем!! Есть сайт diodscreens. Слетает позиционирование элементов в IE (я не силен в терминологии, извиняйте), такое ощущение что все выровнялось по левому краю. В остальных браузерах все ровно. Помогите решить эту проблему.

    Asked by cartoonsmaker,

    0 votes
    4 answers

  15. Доктайп с пробелами или нет?

    Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?

    Asked by morosit,

    0 votes
    4 answers

  16. Проблемы с кроссбраузерностью

    Здравствуйте. Сверстал небольшой сайт, получилось на удивление симпатично (имхо) поэтому вдвойне хочется его доделать. Проблема в том, что я верстал в ff и всё гуд, никаких багов, но вот в остальных браузерах (проверял в opera, safari, ie, chrome) есть проблемы, типа растягивание фона шапки при изменении масштаба (хотя сайт с фиксированной шириной в 1000рх) или затемнение контента на странице. Вот сам сайт: http://demo.antnow.ru/ - исходники открыты, поэтому не буду постить сюда чтобы не загромождать. Помогите пожалуйста разобраться, уже нет идей. Спасибо за внимание.

    Asked by The Norb,

    0 votes
    4 answers

  17. Бывает ли Русская рыба?

    Как-то раз слышал что существует русский Lorem Ipsum)) Ресурс так и не нашел... Может кто ссылкой поможет?

    Asked by penchukov,

    0 votes
    4 answers

  18. Центрирование Попапа...

    Здравствуйте! При центрировании всплывающей формы столкнулся со следующем проблемой: если окно браузера становиться меньше высоты попапа - то содержимое начинает залазить за верх и до него невозможно доскролится... Другие варианты центрирования не подходят т.к. плагин построен именно на этом принципе и если например всё это дело помещать в таблицу(для центрирования) и т.п. то попап просто не функционирует!(почему именно понять по скрипту пока не могу...) Ещё одна проблема заключается в том, что фон на котором всплывает форма в ie-7,8 становится вместо серо-прозрачного чёрным!(браузеры не поддерживают св-во "opacity"!?) P.S. Буду благодарен ,если кто подскажет, что конкрет…

    Asked by Yamaradg,

    0 votes
    4 answers

  19. URL изображения

    Привет всем! При вёрстке сайта я столкнулся с небольшой проблемой. Я привык добавлять изображения через css. Шапка сайта должна быть кликабельна, что мне не получается сделать. Отрывок из html кода: <div id="header_2"> <a href="http://feers1de.ru/"><img scr="/images/header_2.png"></a> </div> Отрывок из css кода: #header_2 { position: relative; width: 686px; height: 168px; } Размер шапки - 686x168px. Прошу помощи.

    Asked by Feers1de,

    0 votes
    4 answers

  20. Расстояние между рисунком и div-ом только на строгом Doctype.

    Здравствуйте. Есть полностью валидный html-код: <!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>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…

    Asked by maasja,

    0 votes
    4 answers

  21. Тестирование верстки под разные мониторы

    Здравствуйте! Слышал что есть сайт, в который загоняеться адрес страницы, а затем указываеться то ли размер, то ли разрешение монитора и затем он выдаёт скриншот относительно того как эта страница смотреться на конкретно указанном мониторе!? Буду благодарен если кто скинет ссылку этого сервиса или чего то вроде этого...

    Asked by Yamaradg,

    0 votes
    4 answers

  22. Прокрутка фрейма

    Скажите как сделать так что бы фрейм не заезжал при прокрутки под другие фреймы,а прокручивался вместе со страницей.Вот сейчас от так(под шапкой),а мне нужно что бы прокрутка была не на фрейме на на всей странице Вот код страници <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <frameset rows=23%,* border=0> <frame name="zagolovok" src="zagolovok.html" noresize scrolling=no> <frameset cols=20%,100% bordercolor=0> <frame name="зміст" src="зміст.html" noresize> <frame name="головна" noresize src="Головна.html">o </frameset> </html>

    Asked by NeoMurderer,

    0 votes
    4 answers

  23. Как можно ссылку выровнять по правому краю?

    Не знаю даже прям почему но никак не выходит выровнять по правому краю ссылку <a href=\"#comment\" class=\"reaply\" id=\"".$row['comment_id']."\">Ответить</a> Пробовал text-align: right; не помогает. ————- Уже разобрался путем подстановки в <div></div>

    Asked by Saturn,

    0 votes
    4 answers

  24. PHP регулярное выражение

    Какое регулярное выражение мне нужно написать, чтобы допустимые для ввода символы были русские буквы, латинские и пробел?

    Asked by egoregor,

    0 votes
    4 answers

  25. Какой оптимальный шрифт и размер для разных ОС?

    Какой оптимальный шрифт и размер для разных ОС? Может даст кто совет с практики, а то выходит 13px маленький в Linux, но зато в Windows нормальный.

    Asked by Saturn,

    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