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. Как сдвинуть изображение маркированного списка

    Есть сайт на этом шаблоне. Подпункты меню сделаны маркированным списком. Маркером является png изображение. После уменьшения интерлиньяжа маркеры никуда не сдвинулись в то время как сами пункты меню выглядят как мне надо. Как всё выглядит в демо шаблона: Как выглядит у меня: Как мне подвинуть маркер повыше ? Код отвечающий за интерлиньяж и маркер:

    Asked by PandaMan,

    0 votes
    13 answers

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

    Здравствуйте! Вот такая засада, у меня есть 4 контейнера, которые идут порядком друг за другом. Вот так http://jsfiddle.net/jjkJ8/8/ Мне нужно поднять 2й контейнер так чтобы он наложился на первый. Поднимаю его добавляя свойства position: relative; и top: -20px; Сам контейнер поднимается, но вместо себя оставляет пустое место. Мне же нужно сделать так чтобы блоки которые находятся ниже его, заняли его позицию. Чтобы пустое место не оставалось... Уже день сижу и мозг сломал весь. Буду благодарен за помощь опытных товарищей по цеху!

    Asked by maxxannik,

    0 votes
    2 answers

  3. Как сдвинуть фон сайта, но только на 500px

    Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?

    Asked by 34gosha61,

    0 votes
    6 answers

  4. Как сдвинуть форму?

    Всем привет. Как можно сдвинуть форму относительно предыдущего элемента? Вот код: <!DOCTYPE html> <html> <body> <div style="height: 120px; width: 80px; float: left; background-color: green"> <p>Просто текст</p> </div> <form action="save_data.php" method="post" style="margin-left: 20px"> <p> <b>Что вы предпочитаете выпить:</b><Br> <input type="radio" name="drink" value="rad1">пиво<Br> <input type="radio" name="drink" value="rad2">чай<Br> <input type="radio" name="drink" value="rad3">кофе<Br> <input type="image" src="images/imgbutton.png"> </p&…

    Asked by Dimaz,

    0 votes
    1 answer

  5. как сделали данный эффект

    Добрый день! Подскажите пожалуйста как сделан эффект полупрозрачности картинок на данной страничке средствами CSS или javascript? http://driverlab[tochka]ru/page/25

    Asked by Prokopov Nikolai,

    0 votes
    9 answers

  6. как сделали на этом сайте?

    http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…

    Asked by Тёмыч,

    0 votes
    15 answers

  7. Как сделали? png и ie6

    Здравствуйте. Подскажите как происходит фикс png в ie6 на конкретном сайту simpatika[point]ru картинка woman1.png для элемента #wrapper2

    Asked by clgs,

    0 votes
    5 answers

  8. Как сделан просмотр фото/новостей вКонтакте

    Добрый день, коллеги. Понадобилось по работе реализовать навигацию во всплывающих окнах, по типу просмотра фоток в Контакте. Подскажите, пожалуйста, как это реализовано? Особенно интересует, чтоб кнопки браузера Назад/Вперёд закрывали/открывали всплывающее окно. Может, есть какой фреймворк? Заранее спасибо.

    Asked by Serg@NT,

    0 votes
    3 answers

  9. Как сделан сайт vk.com

    Извините за вопрос, но как был сделан сайт vk.com. Создавали ли они свой движок? Я не думаю, что они создавали в social engine. Если знаете, посоветуйте, какие языки программирования и верстки надо выучить( знаю html css, php и js немного), чтобы сделать такой же сайт как у Дурова. Буду очень благодарен за ответ.

    Asked by saswat,

    0 votes
    17 answers

  10. Как сделано

    http://www.wara.ru/music/ Кто знает как сделано, что при наводе на картинку высвечивается искуственный title. Если кто знает подскажите плз

    Asked by Victor Ananiev,

    0 votes
    2 answers

  11. Как сделаны тени на http://global.ecco.com/?

    Всем привет. Есть сайт http://global.ecco.com/ Как сделаны тени у изображений на втором экране?

    Asked by goooooch,

    0 votes
    2 answers

  12. Как сделать

    Подскажите как сделать меню из картинок, например на сайте яндекса Яндекс Понимаю вроде что делается через overflow и javascript, но как конкретно - не знаю. Подскажите плиз url где можно по этой теме почитать?

    Asked by vak,

    0 votes
    5 answers

  13. как сделать

    что 2 слоя расположенные друг над другом перекрывал третий слой? как в аватаре (не смог загрузить картинку с компа )

    Asked by sc@r@bey,

    0 votes
    6 answers

  14. как сделать

    Добрый день всем.. нужно сделать чтоб когда открываешь страницу, она автоматически передвигается вниз. ну например к какой то новости, вот видео.. как видите там я сам передвигаю скроллер вниз, а надо чтоб он автоматически.. возможно ли такое? может надо как то верстку монтировать, используя параметр GET ? если да, то как это осуществить? Либо используя какие то java скрипты

    Asked by rash2x,

    0 votes
    9 answers

  15. Как сделать

    У меня возникла вот такая проблема: Я хочу сделать расписание для своей группы в виде расширения для браузера, и сейчас, из-за малого опыта, не могу понять. Как сделать так что бы открыв меня расширения, открывалось сначала дни недели, и нажимая на него рядом будет открываться само расписание. Что то типа браузера в маленьком окошке расширения. Сильно прошу помочь.

    Asked by Epifan,

    0 votes
    1 answer

  16. Как сделать колонки в каркасе из 3 колонок резиновыми

    Доброго дня.Всем привет.Если кто-то сможет мне помочь, буду очень благодарен.Суть проблемы: Имеется фиксированный шаблон из 3 колонок.Как сделать 2(центральную и правую) колонки в каркасе резиновыми? Т.е. они должны тянуться.В правой колонке фото.Его видно на 30%.Надо чтобы потянув за границу правой колонки можно было открыть все фото.

    Asked by vslukas,

    0 votes
    14 answers

  17. Как сделать - "Сообщение отправлено" на текущей странице.

    Здравствуйте. Очень прошу помочь, так как PHP только начинаю учить. Вешаю вёрстку на WP, есть простая форма в файле index.php: <form action="<?php echo get_template_directory_uri(); ?>/quickResponseForm.php" method="post" name="quickResponse"> <label><span>Name:</span><input name="name" type="text"></label> <label><span>Email:</span><input name="email" type="text"></label> <label><span>Ph:</span><input name="phone" type="text"></label> <input type="submit" value="Send" name="submit" title="Send"> </form> Создан обработчик quick…

    Asked by Alarr,

    0 votes
    3 answers

  18. Как сделать - 3-х колоночная верстка, бока резиновые, центр с минимальной шириной.

    Необходимо сделать вот такой макет (за исключением проблемных мест) Макет Левая и правая внешняя колонка "резиновая". Центральная колонка должна быть по центру, тоже "резиновая", но есть минимальная ширина. Еще дело осложняется тем, что центральная колонка обрамлена справа и слева разделителями 2px (разделитель должен быть растровый из картинки) В центральной колонке тоже "резиновые" 3 колонки (решение брал отсюда Резиновая 3-х колоночная верстка). <html> <head> <style type="text/css"> html, body { height:100%; min-height:100%; margin:0; padding:0; b…

    Asked by dmitry_d,

    0 votes
    3 answers

  19. Как сделать ?

    Вот сижу делаю резиновый шаблон.Задача такая.У меня сверху шапка типа как фейсбука,она окрашена в чёрный.Так вот в этой шапке у меня логотип должен быть слева,в центре меню, и справа форма для входа.Каждый из этих элементов находится в своём блоке.Все они находятся в одном блоке с классом header_header.Также все они находятся в одном общем блоке,который формирует верхнюю чернуюю полосу. Надо сделать чтоб,вот этот один блок с классом header_header ,который объединяет все три блока (с лого,меню,и формой),стоял посередине и между блоками ,которые внутри него т.е. между лого меню и формой были отступы.Вот код.Подскажите как сделать? <div class='header'> <div class='…

    Asked by new01,

    0 votes
    3 answers

  20. Как сделать ?

    Всем привет. Есть проблема, надо сделать блоки как на картинке http://pixs.ru/showimage/biov503jpg_3042573_16669650.jpgне могу выровнять содержимое чтоб заголовки на одном были уровне с другими. Вот что я тут сделал http://verstka-primer.esy.es/Bio/ начал изображение одинаковые по высоте вырезать, но все равно первый ряд, получилось а другие нет. Вроде и легко но у меня почему то, всегда найдется на чем за топорится. Буду рад помощи.

    Asked by Shenia132,

    0 votes
    2 answers

  21. Как сделать "внешне-внуреннюю" ссылку?

    у меня в документе есть список сверху страницы , Я хочу с другой страницы сделать ссылки не на всю страницу, с попаданием на е? начало, а на е? соответствующие "куски". Подскажите п-ста как? Заране всем спасибо!!

    Asked by lena vereschagina,

    0 votes
    2 answers

  22. Как сделать "выкушенные" уголки у прямоугольника?

    Коллеги! У меня к вам вопрос - может есть идеи, как можно сделать с помощью css "выкушенные" уголки у прямоугольника со сплошной заливкой? Т.е. вырезанные вовнутрь со скруглением. Получается, каждый угол выкусывается сектором прозрачного круга. Как-то так http://joxi.ru/bmoog98HqqdKmy Надеюсь понятно объяснил головоломку, буду благодарен за ответ )

    Asked by MaxWall,

    0 votes
    8 answers

  23. как сделать "дырку" в div

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

    Asked by warobushek,

    0 votes
    2 answers

  24. Как сделать "кармашек")

    Всем привет. Не прошу готового решения, прошу грамотного совета как лучше сверстать такую комбинацию, чтобы текст можно было менять и кнопка с "кармашком" тянулся на всю ширину:

    Asked by Extremum,

    0 votes
    4 answers

  25. Как сделать "прикрепить файл" (file attachment) в форму ОС стандартного контакта?

    Привет! Собственно, я добавила само поле - но не могу заставить его работать - т.е. письмо приходит без прикрепленного файла. Я догадываюсь, что нужно ковырять contact.php, но в PHP я ноль, поэтому если можно максимально подробно

    Asked by im0not,

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