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. Положение ползунка (скроллинг) в div блоке

    Подскажите пожалуйста, как установить положение ползунка <style> #block_a { width: 100%; height: 300px; overflow: auto;} </style> <div id="block_a"> <?php while($i<100){$i++; echo "<br/>";}?> </div> Нужно чтобы ползунок автоматом был внизу

    Asked by wollk,

    0 votes
    1 answer

  2. Подскажите, пожалуйста, со стилем Яндекс.карты

    Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать border-image вокруг яндекс.карты на страничке. Код страницы <div class="map-border"><div id="YMapsID-5652" style="width:350px;height:270px"></div></div> css #map-border { border-width: 25px 30px 10px 20px; -moz-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; -webkit-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; } Бордюр не отображается.. в чем намудрила, никак не пойму Т_Т Заранее благодарю за помощь всех откликнувшихся

    Asked by Skazzi,

    0 votes
    4 answers

  3. Не работает Colorbox !

    Сутки мучаю этот скрипт . И не могу понять что не так . Вроде подключил стиль и два скрипта , пути к картинкам норм прописал и че ...Смотреть PS: js-ки не трогал только в css добавил селектор для превью из "Pirobox-a" а так все из оф сайта.

    Asked by Vandeko,

    0 votes
    3 answers

  4. Ccs оформление. в iframe

    Суть такая на форуме вставил вот так. <iframe class="donatwow" src="http://billing.besthost.by/wow/easypay.php"></iframe> Как к нему привязать оформление. А то я создаю ccs для donatwow и как бы ничего не происходит. Как я понял надо изменить оформление в http://billing.besthost.by/wow/easypay.php, так что бы у меня оно отображалось красиво. То есть изменить размер колонок, шрифт, цвет и так далее. Что предложите.. Вставляю в боковую панель ipb 3.2.2, там разрешен: Включить RAW HTML / JS режиме Если enbled, NO разбора произойдет. Хорошо, если вы хотите показать HTML / JavaScript только, например, поместить его виджет или баннер. Используйте таблицу / Граница …

    Asked by angelShlesser,

    0 votes
    0 answers

  5. Проблема с наложением элементов

    При длинном MESSAGE - залазит на кнопку, что справа http://jsfiddle.net/8r5DM/1/ Как сделать какое-нибудь ограничение чтоб текст мог обтекать кнопку сверху и слева но не залазил сверху на неё. решение пожалуйста. Заранее спасибо. Кстати желательно без табличную вёрстку, т.е. div'ами или чем-нибудь другим

    Asked by and_zheltukhin,

    0 votes
    1 answer

  6. длинное слово распирает блок

    <html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...

    Asked by bot87,

    0 votes
    6 answers

  7. Вопросю Можно ли с помощю css задать цвет для нескольких элементов в одном месте.

    Всем доброго времени суток. Поучаствуйте пожалуйста в моей проблеме. Я разрабатываю приложение на базе QT, которое отображает несколько десятков HTML страничек(локально). Есть один css файл, который описывает кнопки и прочие элементы. Везде используется не более 6 базовых цветов, которые необходимо менять в настройках. Мне бы хотелость иметь конструкцию вроде следующей: color1: "red" color2: "green" color3: "yellow" color4: "black" color5: "blue" color6: "#010101" ............. TD.mainSelect { color: "color1" TD.menu { border-bottom: 4px color1 solid; Но к сожалению я ничего подобного в css и html не нашел. Ма…

    Asked by sev1961,

    0 votes
    3 answers

  8. Помогите сделать авторизацию

    Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…

    Asked by Tsilya,

    0 votes
    9 answers

  9. Подогнать текст под размер блока на разных мониторах

    Попытаюсь объяснить на словах, что к чему. Создаю таблицу - в ячейке оной ещё одну таблицу. В новой таблице в ячейку помещаю текст (все размеры - таблицы и ячеек - в %) - на моем мониторе 1024х768 отображает нормально - по всей высоте блока есть текст, как и надо. На другом мониторе где разрешение 1280х1024 (или около того) нижних процентов 30 блока стали пустыми - т.е. текст при 14рх отображается более мелким шрифтом, между тем как ячейка таблицы по % осталась на нужных размерах относительно экрана. Есть ли способ как-то фиксированно вписать текст в нужный блок на сайте, чтобы на разных мониторах он занимал одинаковый объем? Нужно ли как-то использовать font-size в % css…

    Asked by laird,

    0 votes
    3 answers

  10. Создание 404 страницы

    Доброго времени суток!!! Подскажите пожалуста, как правильно создать 404 страницу, я хочу перенести сайт на другой домен, а посетителей терять не хочиться, ведь на старый адрес ведут много ссылок. Как создать такую страницу, что бы она переадресовывала посетителя на новый адрес?

    Asked by vadimcucherencko,

    0 votes
    8 answers

  11. Размещение кнопок на странице

    Люди, пожалуйста помогите!!! Необходимо выставвить на html странице кнопки в фигуру "V" Как это можно реализовать, я уже голову сломал, кто может, помогите!!! Плиз!!

    Asked by Soviero,

    0 votes
    7 answers

  12. Помогите выравнить блоки по центру

    Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style>…

    Asked by skoch244,

    0 votes
    2 answers

  13. Margin-left для FF

    вопрос решен

    Asked by Tchorteg,

    0 votes
    2 answers

  14. Откуда стык фона в Chrome?

    Добрый день. Столкнулся с тем, что в Хроме градиентный текстурный фон страницы имеет стык, причем если покрутить колесиком масштаб, он исчезает, пока не вернёшься к определённому масштабу. Вот картинка: Почему? В других браузерах такого нет. Вот код: <body> <div id="main"> ... </div> </body> body { font: 14px/21px Verdana, Geneva, sans-serif; text-align: center; color: #003; background: url(images/bg.jpg) repeat; } #main { width: 100%; text-align: center; background: url(images/bg2.jpg) repeat-x top;/*верхний текстурный градиент фона*/ }

    Asked by borus,

    0 votes
    14 answers

  15. float:left — выталкивание нижестоящего контейнера

    Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…

    Asked by dreamcutter,

    0 votes
    9 answers

  16. Верстка для почтовых рассылок

    В Windows Live Mail и Hotmail размер имиджей не соответвует действительным в режиме отключенных фотографий причем только по высоте. На картинке четко видно что размер имиджа больше в разы чем прописан в html а именно 57px. <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> <tr> <td height="43" align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="886" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> …

    Asked by dmitriy977,

    0 votes
    9 answers

  17. Фокус на футер после обновления.

    Всем привет. Есть футер на сайте с ссылками, при нажатии на которые страница обновляется. Собственно вопрос в том, как сделать чтобы после обновления полоса прокрутки сайта была внизу(отображался футер). Заранее спасибо.

    Asked by Lakrein,

    0 votes
    4 answers

  18. позиционирование элемента по центру не зная его размеров

    Добрый день. Подскажите пожалуйста, как с позиционировать элемент по центры относительно горизонтали и вертикали, не зная его размеров. Структура такая: li{position:relative;float:left;padding:0;margin:0;overflow:hidden;width:100px;height:100px;background:none} img{display:block} <li><img ... /></li> я придумал только следующее: оставляем как есть, т.е. <img> не трогаем, но скрываем его, а у <li> делаем беграунд из такой-же картинки что и в <img>, и уже этот беграунд позиционируем.

    Asked by clgs,

    0 votes
    10 answers

  19. Помогите разобраться в z-index

    Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

    Asked by oke11o,

    0 votes
    4 answers

  20. выпадающие списки: дергается страница при свертывании/развертывании пункта

    Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.

    Asked by kpoxo6op,

    0 votes
    5 answers

  21. Кривое отображение

    День добрый )) Подскажите, от чего у меня так криво отображается страничка в хроме и как это исправить! ссылка удалена модератором <html> <head> <style type="text/css"> BODY { font-size: +2; font-family: Georgia, 'Times New Roman', Times, serif; margin: 0; padding: 0; } #table-outer { position:relative; width:100%; } /**/ #table-bg { width:100%; } /**/ #self-table { position:absolute; left:0; top:0; width:100%; } </style> <title>Удаленное администрирование</title> </head> <body> <div id="table-outer"> <img id="table-bg" src="ad.bmp" …

    Asked by laird,

    0 votes
    5 answers

  22. Увидел одно интересное меню

    Здраствуйте! Гуляя по РуНету, наткнулся на Сайт с, как мне показалось, интересным меню. Как подобное реализуется? Возможно ли такое сделать без JS, испльзуя CSS u HTML? PS: Уж извините за "рекламу"

    Asked by OlegLont,

    0 votes
    6 answers

  23. Border - отделение пунктов меню

    День добрый. Есть менюшка. Но она немного не соттветствует общей стилистике сайта, для полного соответствия необходимо прописать код, который бы от делил пункты меню непрерывной линией. border-top-color: #E7E7E7; border-top-style: solid; border-top-width: 1px; min-height: 32px; Код сам рабочий, но возникает проблема, куда его вставить. Если вставляю в стиль "a", то не доходит до конца меню, вставляя отступы. Изменить отсупы не представляется вожным. Есть ли какой нибудь стиль который сделает активным этот код для каждого пункта. Прикладываю код меню .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 10px; } /*.jv_aclickmenu_wrap &g…

    Asked by konda,

    0 votes
    6 answers

  24. CSS-код для такой формы кто-нибудь делал?

    сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом

    Asked by borus,

    0 votes
    18 answers

  25. Модальное окно

    Добрый день. Стоит задача сделать фотольбом по аналогии с ВКонтакте, чтобы увеличенное фото открывалась в модальном окне с затемнением фона. Но есть проблема, которую пока не удается решить: как сделать, чтобы прокрутка слоя, в котором показывается фото была не зависима от слоя в котором основной контент страницы? Например, в контакте похоже, что в одном табе загружаются сразу две страницы одна поверх другой, причем адресная строка разная у обоих страниц и скроллинг одной страницы независим от другой. PS jQuery не предлагать

    Asked by sparks,

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