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. float: left; width: 100%; v2

    Дорогие форумчане. Из наболевшего. Когда ставишь блоки с float, указываешь width: 100%; и padding, то блок вылазит за границы документа и приходится что-то химичить. Если убрать float, все становится в порядке. Указываю пример, но я вроде не должен этого делать, пока ребята не запустят проект. wingwork.ru - типичный пример описанного. Раньше костыли делал через JS и почти точно это не по христиански совсем. Подскажите, как работать с такими ситуациями. Очень хочется избавиться от этого костыля.

    Asked by html_do_man,

    0 votes
    5 answers

  2. Резиновая верстка нестандартных фонов

    Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!

    Asked by vlasenkov,

    0 votes
    5 answers

  3. Адаптивная вёрстка под мобильные

    Здравствуйте Столкнулся с проблемой адаптивной вёрстки. Телефон имеет ширину экрана 640px, высоту 1100px Делаю в css такое условие: @media only screen and (max-device-width: 670px) { #navi-h {height:auto; width:500px; background:url(images/home-menu-bg.jpg) repeat; margin:0 auto;} } Подцепляется стиль, но отображается на экране намного меньше реальности, по ширине показывается меньше процентов на 30. В чём может быть причина? ну и дабы не быть голословным сайт f c d e c o r точка ru

    Asked by Hobu4ek,

    0 votes
    5 answers

  4. PHP в WordPress. Что нужно знать новичку?

    Уважаемые! Что нужно знать про PHP и как он взаимодействует в WP?! Хочется более глубже погрузиться в настройку WordPressА. В любом случае пригодится.

    Asked by SKSKSS2013,

    0 votes
    5 answers

  5. Помощь в реализации одной идеи

    Здравствуйте! Нужен пинок под зад, что бы знал, куда смотреть, что бы сделать след. идею: Есть картинки, допустим 3 (в ряд). Когда наводишь на эту картинку, то фон меняется, допустим на серый(но это не главное) или фотка становится размазанной(blur effect). На этот фон вылезают, к примеру, 3 кнокпи: Like (Facebook) Like (vk) Like(odnoklassniki) - Это всё как пример. Что я имел ввиду под "вылезает": contest.uid.me (сайт - не реклама) - при наведении мышки на Номинации. Я где-то в интернете уже видел подобный "урок", но, увы, не запомнил, а теперь не знаю как и где искать. Это либо Jquery, либо чистый CSS, А может и оба, но надеюсь, что CSS, т.к. с jquery вообще не знаком…

    Asked by dsasda,

    0 votes
    5 answers

  6. Не работают внешние таблицы стилей

    Здравствуйте. Такая проблема. При выносе стилей в отдельные файлы с расширением .css они перестают работать в документе. Как только переношу код из файла назад в тег style всё снова работает. При том что javascript, подключаемый также из внешнего файла, работает нормально. Заранее спасибо за помощь Вот часть кода страницы и далее содержимое файла header.css: <DOCTYPE html> <html> <head> <link rel="stylesheet" type=”text/css” href=”../global/styles/header.css” /> </head> <body background="../global/images/bg1.png" text=black link=blue vlink=923b8b> <div id="header"> <table width=1280 align=center border=0 cellspacing=0 cel…

    Asked by alex-great,

    0 votes
    5 answers

  7. float: left не работает в IE7

    привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить .. вот код... <div id="test"> <div id="t1"></div> <div id="t2"></div></div>#test { width: 120px; height: 300px; background-color: red; position: relative;}#t1 { width: 50px; height: 50px; background-color: black; float: left;}#t2 { width: 150px; height: 50px; background-color: pink;}одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда

    Asked by zerofx,

    0 votes
    5 answers

  8. Правильное оформление HTML и CSS

    Уважаемые форумчане! Подскажите ОФФЛАЙН инструмент для красивого оформления документов(и правильного!). Html в первую очередь,но еще бы CSS с PHP желательно,да и Java

    Asked by SKSKSS2013,

    0 votes
    5 answers

  9. Вертикальный текст в таблицах

    Здравствуйте, как вы знаете, в таблицах всегда текст записывается горизонтально. Но как его записать вертикально? Нельзя использовать ничего кроме css. Разумеется, текст может быть любой длины. Можно ведь повернуть на 90° текст? Спасибо огромное тому гению, что подскажет отгадку.

    Asked by higimo,

    0 votes
    5 answers

  10. Подскажите как реализовать такую форму

    Вот как выглядит эта форма http://i.imgur.com/PdC14Rk.png Необходимо чтобы при нажатии на в корзину выбранное значение передавалось другой странице. Как это можно реализовать?

    Asked by posthack,

    0 votes
    5 answers

  11. Выравнивание по высоте

    Необходимо выровнять красный блок по центру по вертикали. Т.е. когда текста в <h1> становиться больше, родительский див растягивается, то и красный блок остаётся ровно по центру по высоте. Перекопал гугл, проблему не решил( <body> <div style="background:#CCC; width: 70%; overflow: hidden;"> <h1 style="width:70%; float:left"> Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! Ах, этот текст! </h1> <a href="#" style="float:right; padding:20px 20px; background:#F00; display:block">Ах, этот текст! </a> </div><…

    Asked by goodsik,

    0 votes
    5 answers

  12. Это он большой или хостер тупит? Скорость загрузки.

    Добрый день всем! Прошу глянуть, может что тяжелое на сайте или я придираюсь? Мне кажется он медленно загружается. Спасибо! сайт: http://wana.com.ua/

    Asked by Vic-Tor,

    0 votes
    5 answers

  13. Горизонтальная линия (разделитель в вертикальном меню)

    Здравствуйте! У меня проблема и заключается она вот в чём. есть меню, допустим такое(без стилей): яблокоарбуздынякаменьЯ хочу разделить их горизонтальной линией (картинкой) - Создал картинку 2х2. И думал использовать <hr>, но вот печаль, если в CSS писать этот нубо-код: hr {background: url(img/hr.png);width: 150px;}, то это не работает так как мне надо. Что бы было более понятно, то я сделал градиентную картинку.(вехний слой цвета белого(например), нижний чёрный). Ну и как мне реализовать Разделитель картинкой ?)

    Asked by dsasda,

    0 votes
    5 answers

  14. Помогите разобраться с header и footer

    Прошу, пожалуйста помогите разобраться как сделать чтобы header и footer оставались на своих местах а вот их фон был на всю ширину окна. http://yadi.sk/d/CXQwWWiXGawfY В архиве лежат картинки на них отоброжено примерно чего хочу добиться. Картинка1-Как должно оставаться меню Картинка2- Как должен быть фон Картинка3- Как в итоге должен быть сайт

    Asked by MadSkill,

    0 votes
    5 answers

  15. Как отправить html разметку с майловской почты на яндексовскую?

    Как отправить html разметку с майловской почты на яндексовскую? и чтобы эта разметка не сэкранировалась а прочиталась браузером? т.е. чтобы не просто пришли html тэги, типа сделал рассылку, мне нужно посмотреть как будет выглядеть мое сверстанное письмо для рассылки

    Asked by ilyas,

    0 votes
    5 answers

  16. Обновление страницы через время после нажатия на кнопку

    Доброго дня, подскажите как автоматически единоразово обновить страницу через 10 секунд после нажатия на кнопку (<button> или <input>)? Кнопка совершает действие, и нужно по истечении 10 секунд обновить данные на страничке. Страничка писана в HTML. Заранее благодарен

    Asked by CTAKAHTPABbI,

    0 votes
    5 answers

  17. ширина форума

    Здравствуйте! При отключенных левых блоках ширина форума должна растягиваться на всю ширину страницы. Не могу настроить... Если убираш фиксированную ширину контента - он съезжает вниз, под левую колонку... Помогите, пожалуйста! http://apriori-chic.ru/kunena

    Asked by Zeeeya,

    0 votes
    5 answers

  18. Не выходит прилепить подвал к низу

    http://cssdeck.com/labs/full/qxxwbmr1 Проблема вот в чем, начал делать сайт без верстки в тупую лупить с картинки) Вот столкнулся с очердной проблемой ПОДВАЛ) Как этот подвал прибить к низу???

    Asked by xaoc90,

    0 votes
    5 answers

  19. Шапка растянута на 2-3 пикселя в высоту

    Здравствуйте! Возникла проблема в шапке сайта - изображение-логотип растягивает её на 2-3 пикселя (в зависимости от браузера). Если изображение убрать, то растяжения нет, хотя везде совпадает. Заранее спасибо.

    Asked by Diamond00744,

    0 votes
    5 answers

  20. Вопросы конечно глупые, но.

    1)Как переходить из под-папки в корень? К примеру: как перейти из .../downloads/123.htm в ...index.html 2)Стоит ли "волноваться" о HTML-коде к видео который предлагает YouTube? 3)И как собрать систему регистрации.(ну это так, для общего развития) Заранее благодарю

    Asked by oxion,

    0 votes
    5 answers

  21. Не проходит валидность атрибут data-lightbox

    Здравствуйте уважаемые. Столкнулся с такой проблемой, установил на сайтгалерею от lightbox, всё бы ничего, но не проходит валидность атрубут data-lightbox="example". <!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=utf-8" /><title>Проблема с валидностью lightbox</title><!-- Light-Box --> <script src="http://netalkonarko.ru/js/modernizr.custom.js" type="text/javascript"></script> <script src="http://netalkonarko.ru/js/jquery-1.10.2.m…

    Asked by 13bis,

    0 votes
    5 answers

  22. булет списка с символом ® кажется приподнятым

    Всем привет, Подскажите, пожалуйста, есть список <ul> со списком li и перед каждым элементом li есть булет. В тексте одного из элементов есть символ ® и поэтому этот элемент получается более высокий и булет этого элемента кажется более приподнятым по сравнению с булетами других элементов. Установка для этого элемента : <li style="line-height:12px;" ><li style="max-height:12px;" ><li style="height:12px;" >не помогло ... как это побороть?

    Asked by mstdmstd,

    0 votes
    5 answers

  23. Как выравнять элементс с display:inline-block по горизонтали?

    Собственно сам вопрос в названии темы. Ни как не могу разобраться как тег <div> с display:inline-block выравнять по горизонтали... margin: auto тут почему то не помогает. Данный элемент прижат к левому краю и никак не хочет на середину

    Asked by Akkord87,

    0 votes
    5 answers

  24. как сделать резиновую куртинку в хедере

    Друзья, подскажите пожалуйста, как сделать резиновую картинку в хедере, что бы на разных расширениях монитора отображалась вся картинка? Что бы не было вот так: #wrapper{ width:1346px; margin:0 auto; } #header{ background: url(./images/bg-body.jpg) center 29px no-repeat; height:199px; position:relative; }

    Asked by fa_t,

    0 votes
    5 answers

  25. Проблема с onlcick() Помогите разобраться

    Приветствую всех! Есть проблема, очень надеюсь на вашу помощь. Делаю сайт http://magazin.amedigroup.com/ Всем кнопкам "Смотреть полный каталог" прикрутил событие onclick(), но он почему-то срабатывает только после двойного щелчка по кнопке. Сам скрипт проверял на работоспособность создавая тестовую страницу - все работает, проблем нет, но на этом сайте что-то мешает. Собственно скрипт: <script type="text/javascript"> function toggle_show(id) { document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none'; } </script> и кнопка: <div id="mybutton" class="red-btn" onclick="toggle_show('c1');toggle_sh…

    Asked by Creoman,

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