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. Растягивание div по высоте родителя

    Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный…

    Asked by maxakagaret,

    0 votes
    7 answers

  2. Верстка листинга одним экраном

    Подскажите - получилось? Изначальный макет http://html2css.ru/extreme2/index.jpg Задумка по нему видна... В общем я его мучила, мучила... попыталась сделать динамический текст и динамические отступы в зависимости от размеров экрана, но только вот текст все равно при некотором разрешении съезжает (то есть все-таки не пропорционально меняется соотношение отсупов и размеров шрифта). Заказчик очень любит попиксельно, но тут другой случай. Но пропорции хотелось сохранить. Удалось или нет? Что подправить может быть? Интересует именно как выглядит сайт на экране для конечного пользоватея и соотествие макету, а не кривость html/css/js. http://html2css.ru/extreme2/ да.. там…

    Asked by Zverushka,

    0 votes
    9 answers

  3. Верстка на div'ax, смещение оных

    <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Панель администратора</title><link rel="stylesheet" type="text/css" href="style.css" /></head><body> <div id="container"> <div id="header">Ш</div> <div id="navigation"> <a href="#" class="knopka" tabindex="0">кнопка</a> <a href="#" class="knopka" tabindex="0">кнопка</a></div> <div id="menu">М</div> <div id="content"&gt…

    Asked by dotslide,

    0 votes
    3 answers

  4. выравненный по вертикали тултип

    http://joxi.ru/uxt7U_3JTJDDMELyvMQ Можно ли вот так выравнивать по вертикали тултип с динамичесокй высотой? Или без javascript не обойтись?

    Asked by Zverushka,

    0 votes
    9 answers

  5. jQuery Слайдер

    Потихоньку начал заниматься сайтом (диплом закрываю, появилось свободное время), решил добавить слайдер и нашел подходщий: http://www.gayadesign.com/scripts/presentationCycle/index.php?style=2 Вродебы полностью его интегрировал, но скрипт не подключается. Что получается: http://jsfiddle.net/jontsk/ceK2K/ Исходники есть на сайте по первой ссылке.

    Asked by jontsk,

    0 votes
    12 answers

  6. Правильные модальные окна (arcticmodal) проблема установки

    Почему в IE не работает когда я сам делаю а скаченный пример - спокойно работает в IE, что делаю не так? Вот полностью html: <html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>ГК "Спектр-СБ" :: Системы безопасности, видеонаблюдения и контроля доступа в Самаре - Главная</title> <!-- jQuery --> <script src="//yandex.st/jquery/1.9.1/jquery.min.js"></script> <!-- arcticModal --> <script src="./jquery.arcticmodal-0.3.min.js"></script> <link rel="stylesheet" href="./jquery.arcticmodal-0.3.css"> <!-- arcticModal theme --> <link rel="stylesheet" href=".…

    Asked by xoff,

    0 votes
    1 answer

  7. Manifest cashe HTML5

    Добрый день, кто разобрался в автономном режиме работы сайтов - подскажите. Если есть перечень страниц, указанных в разделе CACHE файла manifest, то они постоянно будут браться из кэша или только тогда, когда нет соединения?

    Asked by webmos,

    0 votes
    0 answers

  8. Как сделать свои соц. кнопки?

    Уважаемые! Как сделать свои, красивые, НЕ СТАНДАРТНЫЕ социальные кнопки на сайт?! Не прибегая к сторонним сервисам типа http://share.pluso.ru/ и ему подобные... Опишите пожалуйста наиболее подробно.

    Asked by SKSKSS2013,

    0 votes
    6 answers

  9. По центру

    Всем привет, только начал изучать css, вот не получается выравнить блок по центру пишу следующие: #blok { background: #ffffff; width: 900px; height: 900px; margin: 0 avto; } Но нечего не происходит( в чём проблема? Да, и ещё, решил заняться этим делом серьёзно, и поэтому ищу учителя, пишите в лп. Не за бесплатно!

    Asked by ddd33ddd3d,

    0 votes
    8 answers

  10. Напишите отзыв о хостинге

    Недавно нашел: http://hostia.ru/ ЦЕНЫ НУ ОЧЕНЬ ПОДОЗРИТЕЛЬНЫЕ!!! Но мне для своего будущего небольшого (по посещаемости) блога скорее всего сойдет. Как вы думаете?!

    Asked by SKSKSS2013,

    0 votes
    4 answers

  11. Там так, а там не так.

    Почему, если из таблицы стилей убрать тег html или body http://cssdeck.com/labs/wlesybbp то бок с классом main остаётся на месте, а если эти файлы (html и css) скопировать в текстовый редактор и запустить у себя на компе и тоже убрать тег html или body, то бок с классом main пропадает?

    Asked by DivMan,

    0 votes
    9 answers

  12. Сервис или приемы по извлечению фона для сайта

    Добрый день, уважаемые форумчане! Такой вопрос - вы наверняка часто сталкивались со след. проблемой: вам дают psd макет сайта, у которого фоном стоит какой либо узор (или паттерн). Достать фон в этом случае можно двумя путями: трясти дизайнера, чтобы он выпилил вам картинку, 40x40px либо самостоятельно доставать этот узор (паттерн) из фотошопа (если умеете). Так вот мой вопрос в следующем - есть ли какой-нибудь сервис, который помогает достать повторяющийся фон из макета? Т.е. допустим вы видите, что узор фона повторяется, но определить точный квадрат для извлечения картинки не получается. И рядом нет дизайнера, который мог бы достать этот паттерн. Как можно быстро сделат…

    Asked by Bryant-24,

    0 votes
    6 answers

  13. Инлайн блоки или ... ?

    Постоянно проблемы с такими макетами, посоветуйте, пожалуйста, раз и навсегда покончу с этим если делать inline-block - ами, то пользуюсь постоянно псевдоклассом :nth-child и обнуляю отступ у последнего или у первого элемента. А как делать в данном случаи,? Если обнулить отступ у каждого четвертого или у 4n+1, то не получится, так как есть новость которая занимает 2 блока. Какие способы есть для выравнивания таких элементов?

    Asked by CroaToa,

    0 votes
    5 answers

  14. С какой целью это делается?

    Всем доброго времени суток! Очень часто вижу вот такого плана код: .profile {margin: 0;padding: 0;}Для чего это делается? Спасибо.

    Asked by Багдыч,

    0 votes
    3 answers

  15. Говорят вылазит граница на картинке

    http://awesomescreenshot.com/0a42tqoy05 Вот так, а это обычная картинка. У себя не наблюдаю подобного бага, даже при разных масштабах, но в хроме другие люди под мак осью и виндой наблюдают. http://html2css.ru/travel4/

    Asked by Zverushka,

    0 votes
    7 answers

  16. ScrollTo

    Здравствуйте уважаемые форумчане! Помогите, пожалуйста , разобраться как сделать панель меню чтобы при заходе на сайт она была посередине экрана, а только когда прокручиваешь ниже его оно прилеплялось к верху экрана, как на этом сайте - http://hochu-tuda.ru/1/

    Asked by stan07,

    0 votes
    2 answers

  17. Работа с доменом третьего уровня

    Здравствуйте! Делаю сайт. Есть домен третьего уровня. Никак не могу разобраться, как заходить на домен третьего уровня. Если набирать его в адресной строке, то открывает страницу домена второго уровня,а файл в корне index один. Как с ним работать, подскажите, пожалуйста!

    Asked by Torawhite,

    0 votes
    6 answers

  18. универсальное свойство background

    Почему если после свойства background-color использовать универсальное свойство background свойства и значения которых не противоречат друг другу, свойство background-color перестает работать?

    Asked by Maksim55,

    0 votes
    5 answers

  19. Свойство display

    В спецификации написано, то что у свойство display, присваивается значение по умолчанию inline. Тогда почему нельзя просто написать свойство display, а значение оставить пустым? <ul> <li>категория</li> <li>категория</li> <li>категория</li> <li>категория</li></ul>li{ display:;}

    Asked by DivMan,

    0 votes
    11 answers

  20. Редиректы

    Добрый! Подскажите плиз , можно ли, как то сделать вот такие редиректы К примеру у меня есть страница с urlлом типа: site.ru/?page=o-nas а хочется что бы выводилось без имени get переменной вот так site.ru/o-nas заранее спасибо за любую инфу по этому вопросу.

    Asked by 3d_max_9,

    0 votes
    5 answers

  21. Изменение картинки при наведении (перекатывание)

    Доброй ночи, Есть faq как сделать, чтобы картинка менялась при наведении (http://htmlbook.ru/faq/kak-sdelat-chtoby-kartinka-menyalas-pri-navedenii-na-nee), рассматривается два варианта, при смене картинок одну на другую и при перекатывании одной и той же картинки сверху вниз, так вот, мне интересен эффект перекатывания, так как при смене одной на другую бывает, что у людей с медленным инетом картинка долго прогружается. В jsfiddle все перекатывается очень быстро, незаметно для глаза, но у меня на сайте перекатывание выглядит плавно и медленно, т.е. в течении целой секунды можно наблюдать как картинка перекатывается сверху вниз и это не есть гуд. Можно как-то избавится…

    Asked by pleymo,

    0 votes
    6 answers

  22. При наведении на ссылку вывести иконку

    Ребята, помогите пожалуйста реализовать на практике следующее. Есть горизонтальное меню со списком, состоящих из ссылок: Затрудняюсь задать код псевдокласса hover, чтобы при наведении на ссылку из меню, снизу появлялось следующее изображение. HTML: <div class="topmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">О сайте</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Новинки</a></li> <li><a href="#">Добавить в избранное</a></li> </ul></div>CSS: .topmenu { position: absolute; top: 200px; le…

    Asked by efendi,

    0 votes
    11 answers

  23. Многоколоночная верстка

    Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такие блоки (см.Приложение) Пробовала column в css. И совсем запуталась. Буду благодарна за детальный ответ.

    Asked by vivelena,

    0 votes
    12 answers

  24. Открытие нового окна в определенной части контента

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

    Asked by pleymo,

    0 votes
    9 answers

  25. Кто сможет помощь с удалением отступа?

    Привет всем. Помогите удалить отступ между статьями. Уже второй день копаюсь и никак не могу найти где ошибся. Вот http://vacations.besaba.com/magazine.html А здесь сам макет http://yadi.sk/d/WpESGYPOQFK2g Так же вот картинка где надо убрать отступ http://itmages.ru/image/view/1667620/0c4f2507

    Asked by Maksim#^&,

    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