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. Нужно создать таблицу

    Я сама пробовала создать таблицу в html (т.к. я это никогда не делала раньше) у меня получился кривая какая то таблица. Я думаю кто профессионал очень легко удастся вот задание.Ширину таблицы задать равной ширине экране браузера. Использовать метаданные для описания сайта. я не могу вставить таблицу тут как картинка.если напишите я вам скину на почту.

    Asked by merich,

    0 votes
    5 answers

  2. Не могу правильно установить фон для ссылки

    Имея ссылку <a href="#" id="link"></a>не могу добавить фон-картинку #link{ display: inline-block; width: 9px; height: 9px; background-repeat: no-repeat!important; background-image:url('img/delete.png');}На счет пути я не могу ошибиться, скорее всего где-то в CSS у меня ошибка, которую не могу найти

    Asked by Kempanchik,

    0 votes
    1 answer

  3. Втиснуть блок, если есть место, а если нет,то оставить 100%

    Вот сделал рыбу, что есть: <div class="wrapper"> <div class="wrapper2"> <div class="photo"></div> <div class="param"></div> </div><div class="desc"></div></div>.wrapper {width:500px; height:1000px; background:pink; margin:0 auto;}.photo {background:yellow;float:left;height:300px;width:200px;}.param {background:green;float:left; height:200px;width:200px;}.desc {background:black;float:left; height:400px;width:100%;}тоже, онлайн: http://cssdeck.com/labs/usgkdfyd задача: если тех. характеристики товара (param) короткие, т.е. есть полно свободного места, то втиснуть описание (desc), чтобы карточка товара …

    Asked by nikki4,

    0 votes
    9 answers

  4. Не работает margin

    Привет камрады! Не работает выравнивание блока по центру. Не могу понять без позиционирования работает а с ним нет! В чем причина? HTML <!DOCTYPE html><html><head><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="css/style.css" /><title></title></head><body><div id="header">12345</div></body> </html>CSS body { position: relative; background-color: yellow; border: 10px solid red; width: 750; height: 750;}#header { position: absolute; background-color: blue; width: 100; height: 100; border: 3px solid black; margin: 0 auto;}

    Asked by pozornuk,

    0 votes
    7 answers

  5. Требуется ваша критика по сайту US зоны... Плииииз..

    Доброго времени суток, уважаемые киберспециалисты и просто неравнодушные люди! Очень нужна ваша конструктивная критика сайта US зоны www.ganyoagency.com на предмет дизайна, верстки, юзабилити и прочего, все, что сочтете нужным. Сайт был создан для страхования людей и бизнеса на территориии США (в частности штат Миннесота). Это сайт фирмы - брокера, которая сотрудничает со многими страховыми компаниями и продает клиентам страховые полюса (страхование авто, дома, жизни, бизнеса и др.) А теперь немного лирики: сайт создавала американская компания для бизнеса моего мужа. И данный сайт мне не нравится. НО! мое мнение субъективно и для моего мужа не аргумент. А вот к мнени…

    Asked by Irina_333777,

    0 votes
    8 answers

  6. двухуровневый <Select> с возможностью свернуть второй уровень

    Добрый день, долго гуглил, но решения не нашел. Мне нужно сделать как на картинке ниже, вот так. Желательно, чтобы можно было выбрать и родителя, в этом случае будет считаться, что выбраны все его дети. Заранее спасибо.

    Asked by Apec,

    0 votes
    4 answers

  7. Простой выпадающий список на JS

    Здравствуйте! Помогите, пожалуйста, разобраться что именно я не так сделал. Необходимо сделать простой выпадающий список типа аккордеон на JS. Но при клике на ссылку подменю открывается, но при этом браузер прыгает наверх в начало страницы. Я так понимаю, не срабатывает slideToggle('slow').... Вот что получается: http://jsfiddle.net/b3vywd92/ Заранее благодарю за помощь!

    Asked by volshebnyi,

    0 votes
    8 answers

  8. Помогите с canvas

    Добрый день, помогите пожалуйста, сама задача, для приложения вконтакте надо сделать, canvas + картинка которая ложится сверху, допустим у нас есть есть две папки, в одной фон, во второй картинки, картинки выбираются рандомно...и еще должна быть возможность позиционировать картинку...помогите пожалуйста...

    Asked by GrizzzlyGames,

    0 votes
    1 answer

  9. Stream Link?

    ребята у меня ест вопрос как можно взят прямои силку из стрим канала? я все сделал но ничиго например Usagoals.net как ???

    Asked by MagicSpirit,

    0 votes
    1 answer

  10. Не удается растянуть сайт на весь экран по высоте

    Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем п…

    Asked by Vitaliy2121,

    0 votes
    5 answers

  11. адаптированная верстка

    Как делать адаптивную верстку для большого сайта (более 50 страниц)? Нужно каждую страницу адаптировать?

    Asked by Yeldos,

    0 votes
    4 answers

  12. Не понимаю nth-child

    Здравствуйте! На картинке показан вывод инструментов разработчика Хром для элементов <div class="clearfix catcats">, расположенных в одном и том же родительском диве с классом row. Почему и у первого нечетного по порядку и у второго четного <div class="clearfix catcats"> срабатывает стиль с селектором .clearfix.catcats:nth-child(odd) ? а вот для третьего и четвертого такого <div class="clearfix catcats"> срабатывают почему-то стили с селектором .clearfix.catcats:nth-child(even)

    Asked by borus,

    0 votes
    2 answers

  13. Письмо с сайта

    Доброго времени суток, форумчане. У меня вопрос очень нубский, но 2-ой день не могу придумать решения. Есть сайт, есть форма отправки данных, даже есть работающий обработчик этой формы. Вопрос в следующем когда мне приходит новая заявка с сайта, то в поле от кого пришло сообщение указывается мой адрес моего хостинга, пример: От кого: krov....@m34.hostia.name, дальше тема письма и прочее, а как сделать, что бы было написано мыло отправителя, ну или мое же? Пример: От кого: proadve....@ya.ru, дальше тема письма и прочее. P.S. Картинки прилепить не получилось. Сам обработчик: <?php $recepient = "proadvertbz@mail.ru";$sitename = "Навесы";$name = trim($_POST["name"]…

    Asked by Kirilbl4,

    0 votes
    2 answers

  14. Как изменить верстку под бутстрап3, чтобы на малых экранах категории располагались по 2 в строке?

    Доброе утро! На странице при уменьшении ширины экрана менее 768 пикс подкатегории(которые с картинками) открытой категории располагаются по 2 в строку через раз. Скажите какая должна быть верстка бутстрап3, чтобы указанные категории распологались по 2 на узких экранах и по 3 на широких более 767 пискселей?

    Asked by borus,

    0 votes
    0 answers

  15. Создание мини галереи

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

    Asked by asdas123asd23,

    0 votes
    1 answer

  16. Canvas

    Добрый день, не могли бы вы подсказать как создать движок с двумя папками, в одной фон, в другой н объектов. все картинки Надо сделать кнопку и картинку склеенные. Фон+случайный объект из папки) Но мне надо, чтобы я мог менять объекты и позиционировать все объекты Один раз ставлю точку т в цент подставляются разные объекты...помогите пожалуйста очень срочно надо

    Asked by GrizzzlyGames,

    0 votes
    1 answer

  17. Как заставить свойство transition выполняться одновременно на нескольких элементах?

    Добрый день уважаемые! Подскажите, пожалуйста, как заставить свойство transition выполняться одновременно на нескольких элементах (div) Вот код: <div class="anim"> <div class="mbez" style="transition: width 3s ease;"></div><div class="mbez" style="transition: width 3s linear;">;</div><div class="mbez" style="transition: width 3s ease-in;"></div><div class="mbez" style="transition: width 3s ease-out;"></div><div class="mbez" style="transition: width 3s ease-in-out;">;</div><div class="mbez" style="transition: width 3s step-start;"></div><div class="mbez" style="transition: width 3s step-…

    Asked by lavrentyev,

    0 votes
    2 answers

  18. Окно с прокруткой

    Добрый день. Как сделать окно с прокруткой? Пример - виндосовские окна. Как выглядет окно: <div id="window"> <p>Заголовок окна</p> <div>Тут находится содержимое всякое разное</div></div>Т.к. у всех мониторы разные, то макс. высота окна не фиксирована, а задается в процентах от body / html. Соответственно, если содержимое вложенного div больше, то у него должна появиться вертикальная прокрутка. Как это сделать? Чтобы ничего не вылезало, скролбары показывались когда нужно. Может нужно верстку окна изменить? Ps Окно позиционировано абсолютно.

    Asked by xmlns,

    0 votes
    11 answers

  19. Как адаптировать страницу под мобильные устройства?

    Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…

    Asked by StOK,

    0 votes
    5 answers

  20. длина страницы

    Здравствуйте! При верстке, всегда ли нужно указывать длину страницы? И в каких случаях этого делать не стоит?

    Asked by Yeldos,

    0 votes
    1 answer

  21. Необходима помощь с выпадающим меню

    Здравствуйте у меня имеется изготовленное горизонтальное меню необходимо сделать некоторые пункты выпадающими, но все усилия тщетны.

    Asked by eugenebah,

    0 votes
    5 answers

  22. Внутренная рамка

    Здравствуйте форумчане! У меня тут проблемка с рамкой. .class:hover, .active{ border: 1px solid red; margin-top: -1px;}.class:not(.active){ padding: 1px;}Но все таки код "скачет" при наведении. Пожалуйста помогите.

    Asked by Shahzod_K,

    0 votes
    8 answers

  23. Youtube влог о вебе интересует ваше мнение

    Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…

    Asked by people-06,

    0 votes
    41 answers

  24. Отправка данных формы на E-mail.

    Товарищи форумчане, помогите пожалуйста. Не работает форма обратной связи. при нажатии на кнопку отправить открывается пустая страница mail.php. Гляньте опытным глазом что я не так сделал. Код HTML<form action="mail.php" method="post"> <b> Ваше имя </b><input name="name" size="39" type="text"> <p><b> Ваш e-mail </b><input name="email" size="38" type="text"></p> <p><b> Ваш телефон </b><input name="tel" size="34" type="text"></p> <p><b> Дата заказа </b><input name="date" size="37" type="text"></p> <p><b> Время подачи авто </b>&lt…

    Asked by George213,

    0 votes
    1 answer

  25. Не видно тень слева у появляющегося блока

    Друзья, прошу помочь. Делаю для себя сайт и постепенно изучаю css. Прошу не кидать тухлыми помидорами и помочь мне в одном вопросе. Слева при наведении на рецепте не появляется тень, то есть как бы границы сайта не дают выйти тени за ее пределы. Прошу помогите. Вот скрин где косяк. Сайт ideipovara.ru http://i67.fastpic.ru/big/2015/1006/11/30c64719e367e40ec2d724076942da11.jpg

    Asked by stas3k,

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