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. Помогите разобратся

    Добрый день. Хочу попросить помочь мне. Дело в том что сайт http://bplsp.com.ua/ не открывается в IE., т.е. не могу открыть главную страничку, а если записать адрес другой странички тогда она открывается.

    Asked by Eduard1976,

    0 votes
    2 answers

  2. Преобразование числа в элемент страницы

    У меня возник такой вопрос есть блок с картинками Я хочу узнать сколько их там, я пишу var $('div.tabs #content_works > div img').size(); $('#buttons').text(n);// вывел в дивку с айди buttons например 5 теперь я знаю сколько картинок у меня, проблема вот в чем, теперь мне надо чтобы в соответствии с числом, вывелись 5 маленьких лейблов в ту самую дивку с айди buttons, вместо числа 5 - картинок самых простых - иконок. Как это сделать? Проблема решена очень просто, вы были правы про циклы. правда я сам циклом это вначале сделал, но что-то не получилось и я пошел по ложному пути, потом сново занялся по подсказке циклом и все получилось.

    Asked by jenyaz,

    0 votes
    2 answers

  3. Сдвигаемый бордер

    Имеем блок в стилях к блоку выставлен border-right. Вопрос: реально ли этот бордер сдвинуть сверху внизу не двигая сам блок? Типа как бекграунд к картинке где можно не добавлять дополнительное свойство а прямо указать в текущем сдвиг куда либо

    Asked by ShumNo,

    0 votes
    2 answers

  4. margin рассчитывается не от родителя

    margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!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" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…

    Asked by Arn,

    0 votes
    2 answers

  5. Ограничение на растяжение колонки

    На своём сайте я использую резиновый шаблон, левая и правая колонки - фиксированные, а центральная занимает всю оставшуюся ширину экрана, недавно я посмотрел статистику Li и обнаружил, что очень много людей просматривают сайт с разрешением 1400*1050, 1440*900, 1680×1050 и понял, что сайт для них выглядит очень неудобным. У меня вопрос: можно как-то с помощью html или css ограничить растяжение таблицы, т.е. например до 1280 растягивается, а далее уже фиксируется??? Или просто подскажите другое решение.

    Asked by region029,

    0 votes
    2 answers

  6. title в css

    Ребят, день добрый! Не подскажите ли Вы, как можно иначе прописать title не как свойство у тега a. Например, можно ли прописать его в css. Или другой способ это верстка самого функционала title. Мне бы как нибудь всплывающую подсказку надо бы сделать к input'у. Но как? Это для меня пока еще загадка. Спасибо.

    Asked by Igorpurgen,

    0 votes
    2 answers

  7. Условные отступы или поля

    Привет Я сам программер, но сейчас нужно сверстать сайт и я решил использовать для этого блочную вёрстку. Возник вопрос, могу ли я определить отступы для слоя так, чтобы они были равными 20%, но не меньше 20px, к примеру, и не больше 20px? Я хочу, чтобы вёрстка страницы была готова к разному разрешению экрана. Надеюсь на развёрнутый, теоретически подкреплённый ответ

    Asked by reito,

    0 votes
    2 answers

  8. почему ширина по факту - 100%, хотя должна быть width : 974px;

    вот кусок css } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top center; width : 974px; а вот ссылка на сам сайт...www.arbitr-hmao.ru не понимаю почему верхняя панель растягивается на 100%...

    Asked by vovchikku,

    0 votes
    2 answers

  9. Примечания к тегам

    Внутри кода можно ставить примечания заключенные в такие теги /* */. У меня когда я так пишу, они все равно вместе с тегами и кавычками отображаются в окне браузера. Почему?

    Asked by yoddha,

    0 votes
    2 answers

  10. Дивы, как фрэймы. Помогите сделать?

    Допустим есть два блока Div. Блок «А» и блок «В». В блоке «А» расположены ссылки, которые ведут на соответствующие файлы «.html». Можно ли сделать так, что бы по клику на ссылку в блоке «А» страница, расположенная по этой ссылке загрузилась в блок «В»? При этом нужно что бы вся страница полностью не обновилась... В общем как будто блок «В» это фрейм. Чистых фреймов использовать не охота. Спасибо

    Asked by romanist,

    0 votes
    2 answers

  11. 1px под картинкой!

    <div> <img src="pic1.jpg" height="200" /> </div> Проблема: в ие6-ие7 див имеет 201px. есессно для дива убит фонт-сай, лайн-хейт. Кто сталкивался с такой проблемой?

    Asked by Lincky,

    0 votes
    2 answers

  12. как прописывать в модулях и в css разное оформление для 2-х модулей меню?

    у меня jоoomle есть 2 меню: главное и дополнительное...вот они http://wsugraru.128.com1.ru/arbitr-hmao/ я не могу вычленить какие пункты css меняют цвета шрифтов (и ссылок) в отдельных меню и на всем сайте ... заменил все цвета - получилось что где-то он сливается с фоном. может попытаться присвоить суффикс для отдельного other menu? но как это делается..? я ни синтаксиса css для такого меню ни формата ссылки на суффикс не понимаю... помогите разобраться, пожалуйста /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "…

    Asked by vovchikku,

    0 votes
    2 answers

  13. Как сделать такую панель?

    Здравствуйте. Народ, подскажите - как сделать такой РОЛЛ (движение вверх-вниз панели к шапке) как вот тут - http://www.urealty.ru ? И что это за cms? Или на какой системе управление лучше делать такой проект? (Удобней, менее затратней) Благодарю!

    Asked by WebMas,

    0 votes
    2 answers

  14. Проблема при печати web-страницы

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

    Asked by Alex&R,

    0 votes
    2 answers

  15. Картинка для <input>

    Всем привет Возникла проблема с задачей свойств для input, нужно вот такое поле: Задаю стили: <input type="text" name="field_email" style="font-family: verdana; font-size: 10pt; width:190px; height:28px; background:url('/images/forma_img.jpg');" value="" size="50 " /> А получается так: Как убрать серую рамку? а, все, разобрался. border:0; рулит а я указывал вне стилей border="0" и ничего не давало.

    Asked by Walk,

    0 votes
    2 answers

  16. Верстка разно-ширинных табов+2 доп.вопроса

    Доброго времени суток. Задача - сделать табы с нахлестом. Причем ширина заголовка таба должна быть по содержанию, а не фиксированной. Примеров нормальных не нашел, как сделать такое вообще не представляю... Хотелось бы, чтоб картинка при :hover менялась фоновая, потому просто подложить релативную картинку 100% не получится. Желательно без таблиц. ИЕ6 не важен. Еще вопрос - можно ли как-то градиентный (косой градиент) фон сверстать без таблиц, чтоб было кроссбраузерно? Есть вариант - http://css-school.ru/css_verst/212-urok-cs...entnyj-fon.html , но его описание не соответствует реальности - пропадает правый угол. И последний вопрос - как внутри 100% высоты блока растя…

    Asked by tt48,

    0 votes
    2 answers

  17. поведение IMG и текста

    Имеем примерно такой код - 2 блока друг за другом Контейнер в нем еще один в котором лежит картинка и текст. <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. </div> </div> <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой пр…

    Asked by ShumNo,

    0 votes
    2 answers

  18. Картинки-ссылки + надписи на картинках

    Здравствуйте все. Нужна ваша помощь. Есть такой код: <div id="navi"> <a href="#"><img src="images/head_navi01.jpg" title="about company"></a> <a href="#"><img src="images/head_navi02.jpg" title="our product"></a> <a href="#"><img src="images/head_navi03.jpg" title="our partnes"></a> <a href="#"><img src="images/head_navi04.jpg" title="our clients"></a> <a href="#"><img src="images/head_navi05.jpg" title="best company offers"></a> <a href="#"><img src="images/head_navi06.jpg" title="contact us"></a> </div> CSS: img { border: 0; f…

    Asked by Sober,

    0 votes
    2 answers

  19. Таблица со сложной подсветкой ячеек

    Есть таблица (16×41) значений функции Лапласа, надо, чтобы при наведении курсора на ячейку, подсвечивались её родительские ячейки, расположенные на первой сроке и первом столбце, либо вся строка и весь столбец до данной ячейки. Может быть кто-то знает, как это реализовать в HTML/CSS (желательно без скриптов)? Спасибо за внимание!

    Asked by NonCommalg,

    0 votes
    2 answers

  20. Overflow-y в IE

    Здравствуйте. Помогите пожалуйста, юзеру. Есть сайт http://nnnymph.ru/ сделан он на jooomla. Проблема в следующем на сайте выпадающее горизонтальное меню, меню сделано в виде списка Li. В Mozilla Firefox все отлично, а в IE возникают большие зазоры от меню до полосы прокрутки. Что делать? Код из template.css .item11 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item8 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .item27 ul { width: 306px!important; height: 280px!important; overflow-y: scroll!important; margin-top:3px; } .art-nav li.…

    Asked by zolga7,

    0 votes
    2 answers

  21. Немного матчасти по прижатому к низу "подвалу"

    Здравствуйте. Вопрос в следующем: если я прижимаю "подвал" к низу, то не поползет ли на экранах с низким разрешением контент на футер (показано стелкой на приложенном рисунке), если вышеупомянутого контента слишком много?

    Asked by Red Planet,

    0 votes
    2 answers

  22. помогите лузеру

    помогите пожалуйста только начинаю учить немогу понять почему не работает <data> <settings> <general slide_panel_width="150" slide_panel_height="225" /> <auto_play> <defaults symbol="circular"/> <tweenIn x="5" y="4" width="3" height="3" tint="0xFFFFFF" alpha="0.5"/> <tweenOver alpha="1"/> </auto_play> <prev_button> <tweenIn x="5" y="4" width="6" height="6" alpha="0.5"/> <tweenOver alpha="0"/> </prev_button> <next_button> <tweenIn x="5" y="4" width="6" height="6" alpha="0"/> <tweenOver alpha="0"/> </next_button> <prev_symbol> …

    Asked by cold10,

    0 votes
    2 answers

  23. Как работает способ выравнивания п ширине

    Кто-нибудь может объяснить, почему способ выравнивания по ширине на этой странице http://www.getincss.ru/wp-content/uploads/2008/elements.html работает. Там есть элемент <span> и непонятно, почему он оказывает такой эффект.

    Asked by clavin,

    0 votes
    2 answers

  24. Проблема с размером wrapper'a

    Есть такая конструкция: <body> <div id="wrapper"> <div id="1"> <div id="2"> <div id="3"> </div> <div id="footer"> ........ </div> </body> Div'ы 1,2,3 динамически меняют свою высоту (при помощи JS) Вопрос: как сделать так, чтобы wrapper всегда принимал высоту самого "высокого" блока? Нужно, чтобы footer прилипал к нижнему краю wrapper'a, в независимости от высоты последнего. Сейчас высота задана только у div id=1, и wrapper принимает её, 2 и 3 игнорирует.

    Asked by botyaslonim,

    0 votes
    2 answers

  25. Отступ внизу изображений

    В Opere страница отображается как надо и под картинкой нет пустого места. В других браузерах под картинкой появляется небольшое пустое пространство. Не помогает свойство vertical-align:baseline;. <!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" /> <title>Как убрать отступ снизу у картинок?</title> <style type="text/css"> #movers-row{ text-align:justify; width:500px; background-color:green;} </style> </head> <bod…

    Asked by clavin,

    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