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. Lightbox. Как изменить максимальную высоту?

    Для увеличения фоток используется Lightbox. Проблема возникла с высокими изображениями. То есть, изображение больше высоты экрана. И поэтому при "высоком" изображении не работает кнопка "CLOSE" http://savepic.su/4934392.png Если изображ. уменьшить по высоте, то кнопка "CLOSE" начинает работать. Что нужно сделать, чтобы кнопка работала при любой высоте? Я, как поняла за размер изображений отвечает этот код в файле lightbox.js: resizeImageContainer: function(imgWidth, imgHeight) { // get current width and height var widthCurrent = this.outerImageContainer.getWidth(); var heightCurrent = this.outerImageContainer.getHeight(); // get new width …

    Asked by Alfa2015,

    0 votes
    0 answers

  2. Что делать? [html, js, php]

    Добрый вечер. Недавно начал понемногу осваивать азы сайтостроения, прошел задания codecademy и около половины htmlcademy, и задался вопросом: что делать дальше, чему учиться и, главное, как это делать? Ресурсов с информацией по технологиям пруд пруди - платные, бесплатные, на торрентах просто кладезь, на форумах добрые люди отвечают на вопросы, но непонятно, с какой стороны подступаться к созданию сайта с нуля, чтобы не было мучительно больно и не городить полгода велосипеды. Если честно, не хватает чего-то навроде вузовского учебника, который постепенно привел к построению своими руками сайта с участием большинства применяемых сегодня технологий. Вроде бы поначалу вс…

    Asked by frozen_dynamics,

    0 votes
    6 answers

  3. Загадка с CSS

    Всем привет! Бьюсь уже час, не могу понять. Сайт go-gamer.ru Проблема с содержимым футера. Оно никак не хочет подчиняться тому, что написано в CSS. Помогите пожалуйста понять причину.

    Asked by Coder_D,

    0 votes
    1 answer

  4. где взять шрифт?

    где взять шрифт harmonia sans w1g заказчик передал исходники psd, а в макете используются эти шрифты. заказчик не отвечает хоть и выслал предоплату. посмотрел в инете, шрифтов практически нигде нету, кое где нашел, но они платные. 2-3 т.р. за один тип шрифтов. что делать?

    Asked by raptor-dm,

    0 votes
    3 answers

  5. Карта на фон страницы контакты

    Привет всем. Не могу понять, как сделать карту google на фон страницы контакты, как в данных примерах: http://www.thelocals.co.nz/about-us/our-location/ http://www.scs-ntech.ru/kontakty/ На этих сайтах при перемещении мышки по странице и прокрутке роликом карта не увеличивается. Основная проблема с которой я столкнулся - это то что при прокрутке роликом мыши невозможно листать страницу, так как увеличивается и уменьшается карта. Вопрос, как реализовать данную возможность.

    Asked by cheezy,

    0 votes
    3 answers

  6. помогите немогу поставить сайдбар и контент правильно в один ряд

    <!DOCTYPE html> <html> <head> <title>Создание Сайтов</title> <meta charset="windows-1251"> <link rel="stylesheet" href="css/main.css" type="text/css"> </head> <body> <div id="page_aligen"> <div id="shapka"> <a href="Glavnaya">Главная </a> <a href="Ceni">Цены</a> <a href="Docky">Документы</a> <a href="kontakti">Контакты</a> <a href="Npishute">Напишите нам</a> <a href="Zakaz" ><font class="zakaz">Закажите</font></a> </div>&lt…

    Asked by ryslan,

    0 votes
    2 answers

  7. что должно происходить?

    не много лоигку не понимаю http://s011.radikal.ru/i315/1502/cb/b4b4810a4573.jpg есть стрелка под хедером, что должно происходить? ничего или щелчок с прокруткой к первому слайду?

    Asked by raptor-dm,

    0 votes
    1 answer

  8. Вопрос по резиновой верстке.

    Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо

    Asked by IvanRu08,

    0 votes
    6 answers

  9. Большой div!

    Всем доброго времени суток! Никак не могу разобраться, в чем тут ошибка: Имеется вот такой блок - http://joxi.ru/n2YY0kKc58QG26 Вот с такой стилизацией - http://joxi.ru/J2bJX1MfwDeG26 Не понимаю откуда берется такая высота - http://joxi.ru/LmG7pEXUYXNMml Примечание: если убрать: #menu table {width: 100%;}то сайт принимает такой вид - http://joxi.ru/VrwpeqguXM0GmX Заранее спасибо всем, кто хоть чем-то поможет!

    Asked by Antoshka007,

    0 votes
    3 answers

  10. Можно ли при получении фокуса подсветить родительский блок

    Как можно сделать что бы при получении фокуса textarea подсвечивался родительский div. То есть, необходимо чтобы textarea никак не реагировала, а реагировал родительский блок. Вот пример - http://jsfiddle.net/0o279vv1/

    Asked by alleclf,

    0 votes
    4 answers

  11. всплывающий текст на кпопке в виде иконки

    Всем привет, Я хочу сделать всплывающий текст на кпопке в виде иконки, навроде : <h4 class="heading glyphicons icon-bulleted-list" style="cursor: pointer;" onclick="javascript:ReadClientsNote()" title="Read Client Notes" ><i></i></h4>Но не title ни hint не срабатывают. А как правильно ? Спасибо!

    Asked by mstdmstd,

    0 votes
    3 answers

  12. Как смасштабировать картинку

    Необходимо чтобы картинки растягивались на всю ширину экрана, но не больше своего оригинального размера. На страничке могут быть картинки разного размера. Например, если ширина картинки 2500 пх, то она растягивается на весь экран (на 1920 пх). Если ширина картинки 1600 пх, то она растягивается только до значения 1600 пх - на часть экрана. То есть, как заставить картинку НЕ растягиваться больше своего оригинального размера. Вот пример, точнее заготовка - http://jsfiddle.net/qq4gm9tr/

    Asked by alleclf,

    0 votes
    4 answers

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

    http://i003.radikal.ru/1502/71/5075a77a2bf0.jpg там плагин есть листает слайды, слайды по высоте экрана. но вначеле и в конце нету этих слайдов. как там это сделать? или что там должно быть не пойму?

    Asked by raptor-dm,

    0 votes
    3 answers

  14. Плавная смена изображения

    Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?

    Asked by SidSpears,

    0 votes
    7 answers

  15. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks,

    0 votes
    1 answer

  16. Помогите

    ребят, помогите! Есть вот такая гостевая файл action.php: <?php include ("dbconnect.php"); // получаем переменные из формы $username=$_REQUEST['username']; $msg=$_REQUEST['msg']; $action=$_REQUEST['action']; if ($action=="add") { // добавление данных в БД $sql="INSERT INTO gb1(username, msg) VALUES ('$username', '$msg')"; $r=mysql_query ($sql); } if ($action=="delete") { // удаление базы гостевой $sql="DELETE FROM gb1"; $r=mysql_query($sql); } header("Location: index.php");?> подозреваю, что нужно не так выводить ссылки на страницы как в коде show.php (echo '<a href="'.$_SERVER['PHP_SELF'].'?page='.$i.'">'.$i."</a> ";), уже даж не знаю, что пр…

    Asked by Rockstar,

    0 votes
    3 answers

  17. Создание "умного" футера

    В общем задача сделать футер такой, что бы если страница меньше чем размер экрана браузера - он ставится в самом низу экрана. При чем при таком раскладе он может накладываться на текст, так что нужно еще и учесть высоту его, в 175пк. Если же страница больше высоты экрана то футер ставится в самый конец страницы. Просто я уже многое перепробовал. Например мой последний вариант: body {min-height: 880px;position: relative;}.footer {position: absolute;width: 100%;left: 0;bottom:-175px;background: #0F6B00;}Но на страницах, которые значительно больше минимальной высоты футер ставится просто под моим экраном, где min-height играет свою роль. Если убрать absolute то все настр…

    Asked by Coshe,

    0 votes
    3 answers

  18. Как сделать блок на всю высоту родителя

    Как можно сделать что бы внутренний блок растягивался на всю высоту родительского блока, height=100% не работает. Вот пример - http://jsfiddle.net/prd5qrh2/ почему-то желтый блок не растягивается на всю высоту

    Asked by alleclf,

    0 votes
    3 answers

  19. Лучшая сетка или фреймворк для адаптивного дизайна

    Готовлюсь верстать первый адаптивный корпоративный сайт. Знаю о Бутстрап (он не во всем гибкий) и о других сетках. Но хотелось бы получить совет от верстальщика, у которого есть большой опыт в верстке именно адаптивных сайтов, какую сетку или фреймворк лучше выбрать (гибкий в применении и легкий в кастомизации) и как правильно начать работу в построении такого сайта (рассчитать количество колонок, расстояний между ними и пр.). Спасибо за любой совет!

    Asked by troll31,

    0 votes
    33 answers

  20. подгонка background по размерам

    Всем привет, вот макет набросаю <style>div.one, div.three{ background: (img/back.jpg);}div.two{ background: (img/unback.jpg);}</style><div class='one'></div> <div class='two'></div><div class='three'></div>Как бы макет простой, Back - обычная картинка, unback - зеркально отражённая, они должны стыковаться между собой. Нужно картинку растягивать чётко под блок, как? background-size: 100% 100%; не помогли что-то

    Asked by xTODx,

    0 votes
    0 answers

  21. Проблема с галереей изображения

    Добрый день,при масштабировании (в Chrome с помощью ctrl+с.к.м.,в других браузерах не пробовал) есть проблема с отображением галереи изображений,помогите пожалуйста,код представил.

    Asked by Uncle_Den,

    0 votes
    3 answers

  22. Активная ссылка

    Привет. Один клиент хочет чтобы на сайте было так: В общем есть ссылка назовем ее "Главная ссылка" при переходе по этой ссылке хочет чтобы она выделялась после того как перешли по этой "Главной ссылке", затем на этой странице есть другая ссылка назовем ее "Внутренняя ссылка" по нажатию на которой человек переходит на страницу и он хочет чтобы были выделены цветом ссылки "Главная ссылка" и "Внутренняя ссылка" и так далее. Можно ли это сделать? т.е. есть ссылка1 нажимаем на нее переходит на страницу где есть другая ссылка, при это ссылка1 должна быть выделена, затем переходит по ссылке на какую-нибуть страницу и должны быть выделены ссылка1 и ссылка2. Причем это не пун…

    Asked by kolhoz,

    0 votes
    3 answers

  23. Идентичное отображение шрифта Lobster 1.4

    Здравствуйте! Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем. У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows. Сейчас подключаем с Google. Как решить данную проблему, чтобы у всех было одинаково? Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/ Теперь вопрос: как правильно настроить его?

    Asked by Светлана Г.,

    0 votes
    6 answers

  24. посоветуйте адаптивный слайдер

    есть картинки 1920х500 Нужен адаптивный слайдер такой чтобы высота картинок была 500 пока ширина браузера не превысит например 1000px, а потом картинки пропорционально уменьшаются. пример - standartpark.ru Слайдеры которые смотрел сразу ресайзят картинку, и при небольшой ширине они выглядят очень узко. Посоветуйте решение пожалуйста.

    Asked by likiweaks,

    0 votes
    0 answers

  25. Рассортировка новостей по категориям - вопрос от лентяйки

    Добрый день, уважаемые форумчане! Прошу помочь просто направить Где можно было бы узнать о том, как в простой плагин новостей можно добавить подкатегории. Или же (если есть кто очень добрый) пример строения плагина для новостей/статей с подкатегорями. Заранее большое спасибо!

    Asked by marianna9201,

    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