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 class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена к…

    Asked by RiG,

    0 votes
    6 answers

  2. Уголок у кнопки

    Что я делаю не так? http://jsfiddle.net/npofopr/quLwy/ Или это нормальное отображение уголка, лесенкой? :-)

    Asked by npofopr,

    0 votes
    17 answers

  3. Как нарисовать таблицу с помощью div

    Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …

    Asked by Aleksandr_KPI,

    0 votes
    3 answers

  4. Фриланс верстка

    Что нужно использовать ? HTML и CSS. Или необходимо знать еще скрипты ?

    Asked by rpmcmerphy,

    0 votes
    18 answers

  5. Как сделать такую сетку товаров, чтобы при наведении не прыгало

    Подскажите, пожалуйста, как сделать такую сетку товаров, чтобы при наведении появлялась кнопка "Заказать" снизу, но нижние блоки оставались на своих местах. Т.е. кнопка "Заказать" должна накладываться сверху. Вот тут накидал пример http://jsfiddle.net/ds4g4/1/ Вот поиграл с position, но кнопка улетает не туда http://jsfiddle.net/ds4g4/2/

    Asked by Джин,

    0 votes
    4 answers

  6. Уходит блок, помогите!

    Вот исходники. http://jsfiddle.net/Qyg22/ Почему выезжает самый последний блок ? я ему дал отлайн желтого цвета. Он должен быть в правом блоке, но уходит в самый низ, помогите решить проблему!

    Asked by WEB-best,

    0 votes
    16 answers

  7. Можно ли создать "дочерный" html-файл?

    Код главной страницы сайта и так немаленький,а мне предстоит его ещё увеличить. На странице есть один елемент,задача которого - открывать вкладку с контентом,вот код одной из вкладок: iMstup[0]="<div id='view1'><h1>Ололоша 1</h1></div>";как видите в середине этой вкладки находится тестовый контент,но вот проблема в том что если закрывающий </div> опустить на следующюю строку то ВЕСЬ скрипт перестанет работать(непойму почему так).Вот весь скрипт целяком: <script src="JS/jquery.min.js"></script> <script> var iMstup= new Array();iMstup[0]="<div id='view1'><h1>Ололоша 1</h1></div>";iMstup[1]="<div i…

    Asked by pudge,

    0 votes
    54 answers

  8. Проблема с выравниванием по вертикали в css

    2 элемента в одном диве должны быть расположены на одном уровне по горизонтали. Высота этого дива 50пкс,высота текста(span)50пкс,высота картинки справа от текста тоже 50. С картинкой то все ок,но вот текст не в центре по вертикали,а внизу,просто лежит и я не знаю как сделать что бы закрепить его в центре. Пробовал line-height:50px; на всех елементах,пробовал margin:auto 0px auto 20px; тоже не помогает...

    Asked by pudge,

    0 votes
    14 answers

  9. transform

    img:hover{ transform: scale(1.2); -webkit-transform: scale(1.2); transform: rotate(360deg); -webkit-transform: rotate(360deg); transition: all 1s ease-out 0s; cursor: pointer; } Как сделать чтобы работало ?

    Asked by rpmcmerphy,

    0 votes
    3 answers

  10. Мозилла выдает ошибку

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^

    Asked by yudinasty,

    0 votes
    8 answers

  11. Плавное увеличение круга

    Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}

    Asked by Kisa1993,

    0 votes
    3 answers

  12. конвертация шрифта

    привет всем. кто-нибудь, помогите пожалуйста конвертировать шрифт для кроссбраузерности. пытался сделать через сервис http://www[dot]fontsquirrel[dot]com и http://www.font2web.com/, но всё четно, русские буквы никак не хотят отображаться. буду очень благодарен. http://rghost[dot]ru/50606837 - ttf формат http://rghost[dot]ru/50606874 - otf формат

    Asked by valera,

    0 votes
    4 answers

  13. Как можно сэмитировать браузерный zoom-in zoom-out

    Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте? При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится. Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом? Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах ...

    Asked by Zverushka,

    0 votes
    1 answer

  14. Position fixed создает лаги при скролле страницы

    Проблема такая - есть 3 фиксед элемента и скрипт, который плавно крутит с помощью меню страницу к разным якорям. Все сильно тормозит. Стоит убрать фиксед - и лаги пропадают. Что же делать, как бороться?

    Asked by Zverushka,

    0 votes
    16 answers

  15. Две проблемы с тач-устройствами

    Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, ч…

    Asked by Elflight,

    0 votes
    5 answers

  16. Реализация меню

    Добрый день. Подскажите, как сделать http://itmages.ru/image/view/1361341/6565d38d такое меню? Интересует граница вверху и внизу по всей ширине содержимого, но при a:hover чтобы исчезала.

    Asked by chelovek93,

    0 votes
    10 answers

  17. Организация ссылки

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

    Asked by Aleksandr_KPI,

    0 votes
    3 answers

  18. Как сделать что бы контент спойлера грузился только после его активации?

    Скажите с помощью чего можно это осуществить? На странице есть несколько спойлеров,как сделать что бы контент в них грузился лишь тогда когда спойлер открывает юзер?Точнее что бы грузлось содержимое только того спойлера по которому кликнули. <a href="#1" class="videoA">спойлер 1</a><div class="videoB">содержимое спойлера 1</div><a href="#2" class="videoA">спойлер 2</a><div class="videoB">содержимое спойлера 2</div><a href="#3" class="videoA">спойлер 3</a><div class="videoB">содержимое спойлера 3</div><script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).nex…

    Asked by pudge,

    0 votes
    6 answers

  19. Не понимаю логику поведения блоков с position:relative && position:absolute

    Здравствуйте. Проблема следующая: http://jsfiddle.net/5zSmC/ Не могу понять, почему блоки с position:absolute оказываются под соседними блоками с position:relative. Вроде бы по z-index должно быть наоборот. Подскажите, в чём дело?

    Asked by Шушер,

    0 votes
    1 answer

  20. Проблема с поиском в яндексе

    Привет всем! Как мне решить проблему с названием моего сайта при выводе в поиске яндекса сейчас название просто адрес сайта,как поменять на название которое прописано в <title>? и ищет его только когда я сам адрес сайта забиваю в поисковик,титле и метотеги вроде бы в порядке вот скрин там же адрес сайта.

    Asked by denisok,

    0 votes
    11 answers

  21. Нет скролла в Frame

    Есть 2 фрейма, но во втором, где должен быть контент, нет полос прокрутки, скролла. Я пробовал самые разные способы: добавлял div в котором был overflow, scrolling="yes/auto", ничего не помогло. В чем может быть проблема? Оставлю "сайт" тут: http://risovalka-16.hol.es/html/index.html

    Asked by Coshe,

    0 votes
    8 answers

  22. Элементы списка по ширине. кроссбраузерно

    помогите пожалуйста выровнять блоки articles по ширине так чтобы крайние элементы строки прилипали к краям родительского конейнера(обычно в интернет-магазинах таким образом располагаются товары). здесь я реализовал то, что хочу. но в safari и ie9 расположение ломается(( то же самое, но в jsfiddle, если так удобнее вам будет важно чтобы articles были выровнены не через float, а через inline-block(так как articles могут быть различной высоты)

    Asked by cyklop77,

    0 votes
    5 answers

  23. Страница списка товаров, раскрытие товара при наведении

    Всегда опасался таких страниц, если честно :-) Но как сделать, чтобы расширялся весь контент. Сейчас у меня увеличиваются только отступы, т.е. только белое пространство, внутренний контент остается неизменной длины. http://jsfiddle.net/npofopr/BJfJW/ И получается, что внутренний контент становится уже, чем без наведения. Или это только скриптами? Может есть у кого то ссылки на такие. А может подскажите запрос в гугл...

    Asked by npofopr,

    0 votes
    7 answers

  24. Помогите найти похожий слайдер

    Здравствуйте. помогите, мне, пожалуйста, найти вот такой слайдер. http://zverushka.bl.ee/monitors5/ В самом первом блоке этой страницы. Так как я 2 часа искала и не нашла ничего, пришлось переделывать БХ-слайдер. Но там какие-то проблемы с бесконечной прокруткой - бх-клоны не могу настроить НИКАК! ((( - на границе перехоода на них слайдер криво работает (он там как-то криво стыкуется - не задуман под анимацию), а так была надежда, что получится все((... А если отключаю бесконечную прокрутку, то почему-то на 500 пикселей слайдер уезжает. Я уже просто схожу с ума, не получается поставить на сайт такой простой слайдер... (((

    Asked by Zverushka,

    0 votes
    11 answers

  25. Работоспособность корзины

    Есть подозрения, что корзина на сайте не работает как надо. Не отображаются купленные товары. Хочу попросить форумчан посмотреть отображается в корзине что-то или нет. Для этого нужно перейти по ссылке и нажать "Купить". Потом должно перекинуть на страницу корзины.

    Asked by apexis,

    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