HTML Coding

29542 questions in this forum

1. Ребята подскажите как выровнять сайт?

   Сайт сделан в джумла. В верстке не силен. Просьба подсказать как и по какому пути выровнять сайт по центру! Использую FireBug и не могу понять, где верстать. http://reklamarulit.ru/

   Asked by Рекрул, January 30, 2016

   • верстка сайта
   0 votes
   2 answers
2. Open Sans не такой толстый как нужно

   Использую Open Sans на страничке http://www.reklamy.ru/uslugi/print/shtendery/ - двухцветные заголовки например "ПРАЙС ЛИСТ" сделал толщину 800 все равно выглядит не так как на гугле https://www.google.com/fonts/specimen/Open+Sans#charset нужно ещё чуток потолще

   Asked by GTAlex, March 22, 2016

   0 votes
   2 answers
3. видимость страницы

   Добрый день! div сайта имеет фиксированные размеры (950 / 630) и расположен по центру экрана. На ноутбуке все видно и работает, а в смартфоне (где размеры экрана меньше) и планшете, адресная строка браузера закрывает верх страницы с меню. Подскажите, пожалуйста, как это исправить.

   Asked by Abel, April 21, 2016

   0 votes
   2 answers
4. Позиционирование изображения с помощью vertical-align: middle

   Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

   Asked by Super_Saimon, October 17, 2017

   • css
   0 votes
   7 answers
5. Проблемы со скриптом FlyToCart (анимация добавления товара в корзину)

   Здравствуйте! Установил плагин FlyToCart, который анимирует добавление товара в корзину. Одним из условий является то, что картинка товара и кнопка должны быть в одном контейнере: $('.add-to-cart').on('click',function(){ //Select item image and pass to the function var itemImg = $(this).parent().find('img').eq(0); flyToElement($(itemImg), $('.cart_anchor')); }); У меня же есть ситуация, когда картинка и кнопка у одного из товаров, находятся в разных блоках.Например, вот так: http://new.taco.com.ua/taco/double-tacos-with-beef/ Подскажите, пожалуйста, решение этой проблемы. Заранее благодарен за помощь.

   Asked by volshebnyi, May 22, 2018

   0 votes
   0 answers
6. Нужен совет как правильно сверстать блок

   Добрый день! Собираюсь переверстать сайт http://goods4fest.ru/ и нужен совет как будет правильно, лучше и тд сверстать блок, который под слоганом и лого. Можно ли будет использовать svg для создания трех фоновых фигур? Буду рад любым советам, спасибо!

   Asked by kaspers128, December 4, 2018

   0 votes
   1 answer
7. help, parallax/content

   Здравствуйте возникла проблема: http://prntscr.com/t96dcc (parallax) его высота смещает блок с текстом. Может подскажите другую рамку с текстом или как исправить это. Параллакс: <section class="parallax sticky" id="scene"> <div class="parallax-L" data-depth="0.3" id="L"><img src="img/bmw-m32.png" alt="" /></div> #L { width: 100%; height: 50vh; padding: 0; margin: 0; } .L { background: url(bmw-m32.jpg) left no-repeat; background-size: cover; overflow: hidden; } img { max-width: 20%; height: auto; } .sticky{ position: sticky; top: 0; } Рамка с текстом: <div class="ramka-5"> Ра…

   Asked by prank, June 30, 2020

   • html
   • css
   • js
   0 votes
   0 answers
8. Не работающий слайдер

   Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul clas…

   Asked by Алеся, June 4, 2021

   • css
   • html
   • slider
   0 votes
   2 answers
9. XML -> XHTML

   Есть задача - получить из xml-шаблона html, для определения форматирования решил использовать xsl || xstl. С последними дело иметь не приходилось. Примеры найденные в сети вообще не хотят работать, а от чего оттолкнуться не понятно. вот к примеру что нужно что бы на выходе получить оформленный xml <?xml version="1.0" encoding="utf-8" ?> <post> <user>Юзер</user> <text>А_тут_текст</text> </post> Гуглил разные простые примеры, но не рабочие. Кроме "Ошибка разбора таблицы стилей XSLT." так ничего и не добился. И вообще толковой инфы на русском по манипуляциям с xml не хватает, имхо. Или это лучше вообще другим макаром делать?

   Asked by Быколай, February 18, 2010

   0 votes
   3 answers
10. Позиционирование div.

    Добрый день. Проблема заключается в следующем: Верстаю шаблон только div блоками под DLE. В main.tpl див блоки с классами, а в style.css свойства этих классов. Все было нормально, но потом Header сайта съехал прямо на центр браузера и там теперь все время отображается. Не могу понять почему! Пожалуйста помогите. Main.tpl: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="{THEME}/css/style.css" /> </head&g…

    Asked by arthyrgrex, December 10, 2010

    0 votes
    4 answers
11. Положение элементов на странице

    Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??

    Asked by NeoMurderer, April 20, 2011

    0 votes
    3 answers
12. Опять блоки

    Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?

    Asked by new01, June 2, 2011

    0 votes
    6 answers
13. Ложка дегтя

    При попытке сделать стандартный трех колоночный макет с колонкоми равной высоты при помощи display:inline-block; и display:inline; для IE6(7), появилась проблема в IE8 - не растягивается цветная подложка по высоте. Пример представляет чисто спортивный интерес.

    Asked by gordi, June 25, 2011

    0 votes
    5 answers
14. обтекание текстом картинки

    Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?

    Asked by Kerny, July 11, 2011

    0 votes
    9 answers
15. Закругленный блок

    Делаю такой блок http://itmages.ru/image/view/267385/45baef98 , низ блока отходит , как это исправить? .list_img li { list-style: none; background: url(circle1.png) no-repeat left 40% ; margin-left:-15px; } #content { height:400px; margin: 40px 70px 40px 65%; padding: 5px; border: 1px solid #333; min-width:400px; } .conten { background: transparent;line-height:30px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; mar…

    Asked by Rambo2045, August 27, 2011

    0 votes
    4 answers
16. Многослойная верстка

    Решено

    Asked by amir, May 19, 2012

    0 votes
    2 answers
17. Как реализовать такие углы?

    Подскажите как сделать такие углы? Или такие углы только с помощью картинок делаются?

    Asked by tini.kRyptoNite, June 10, 2012

    0 votes
    4 answers
18. как сделать резиновую кнопку валидную под ие7

    Всем привет. Помогите пожалуйста. столкунлся с такой проблемкой. Поручили мне сделать шаблон кнопки (резиновой) фактически состоящей из 3-х частей 1) это левая часть в ней рисунок вида < 2) резиновая часть для текста 3) правая часть с рисунком вида < То есть условно <:текст:< Хотел я это сделать 3-мя блоками внутри главного блока 3 блока с float: left все как бы нормально за исключением того что в ИЕ 3 вложенные блока переносяться каждый на отдельную строку Прочитал в нете что это глюк ИЕ7 что он не правильно считает ширину родительского блока В результате пришлось верстать ТАБЛИЦЕЙ. Вот что то на подобии <button id="basket_checkout" class="button" name="…

    Asked by kent666, July 5, 2012

    0 votes
    2 answers
19. <div> в строку без перехода на след. строку

    Здравствуйте еще раз Снова требуется помощь знающих Нужно реализовать n кол-во <div> элементов расположенных в одной строке, но самое главное, что бы при окончании окна браузера, эта строка продолжалась, а не превращалась в две, три и т.д. (исходя из размера окна браузера) То есть, когда, в моем примере, двигаешь правый край браузера, не помещающиеся див элементы переходят на следующую строку, образуя тем самым 2 ... 5 и т.д. строк. Перепробовал все что знал, помещал див строку в новый элемент див, центрировал, применял дисплей инлайн, позиционировал по разному Результату - ноль. Через таблицу делать не хочется. Есть у кого нибудь идеи как можно реализовать такую в…

    Asked by a1rborn, October 4, 2012

    0 votes
    2 answers
20. День недели

    Здравствуйте! Как сделать так, чтобы показывался день недели и чтобы он брался не из календаря О.с. пользователя? Я делал на J.s., но он показывал тот день, который настроен у меня в календаре О.с. и если я его там меняю то он меняется и на сайте, а мне нужно чтобы не менялся ни смотря ни на что и работал с часовыми поясами правильно. Я надеюсь Вы меня поняли. Спасибо за внимание.

    Asked by One312, November 4, 2012

    0 votes
    5 answers
21. Баги хрома, большие картинки, пропадающий фон и артефакты у картинок

    Проблема только в хроме. Много больших картинок, прозрачных слоев = проблема в паралаксе. Открыть на весь экран http://html2css.ru/travel3/ - при прокрутке пропадает фон (можно увидеть только на больших экранах). фикшу через - * { -webkit-backface-visibility: hidden;}http://html2css.ru/travel2/ Появляется новая проблема - если подвигать мышкой - можно увидетЬ, что у некоторых картинок паралакса появляется как бы граница (экран нужно прокрутить тоже, чтобы увидеть). Как пофиксить это?

    Asked by Zverushka, May 14, 2014

    0 votes
    0 answers
22. BBCode аля [html] для форумов phpBB

    Тема о плюсах и минусах возможности использоать html в сообщениях поднималась на нескольких форумах поддержки сервисов phpBB. На сколько я понял в вресиях phpBB >3.0 эта возможность исключена, ну или исключена на сервисе http://www.getbb.ru/ которым я пользуюсь. Тем не менее у меня возникла необходимость в использовании html через свой BBCode, поскольку большое количество BBCode и их особенности работы не всегда меня устраивают. Учитывая небезопасность прямого встраивания юзерами кода html в сообщения, я хотел бы (хотя возможно вы меня переубедите) написать такой скрипт для BBCode , который бы ограничивал вставку html только з безопасным контентом. Как вариант ограниче…

    Asked by pupena_san, July 6, 2014

    • BBCode
    • phpBB
    • [html]
    0 votes
    4 answers
23. Гибкость сайта

    Всем привет! Не давно начал изучать html + css, возникло пару вопросов 1. Как сделать, что бы элемент div автоматически менял размер в зависимости от размера картинки(а ее размер зависит от ширины монитора) или что бы картинка не выходила за пределы div(http://i.imgur.com/XyvlxP2.png в идеале блок должен смотреться так, но при другом расширении экрана все меняется: http://i.imgur.com/rtCO9Co.png) 2. Как сделать что бы при другом расширении монитора элемент div не менял заданную позицию в коде? (http://i.imgur.com/70tZhsi.png пример как должно быть и как получается, если размер экрана большой: http://i.imgur.com/s734m37.png) P/S Сайт http://flashlight.marketnso.ru/ Заран…

    Asked by Infiniti21, May 5, 2015

    0 votes
    1 answer
24. Меню на мобиле не работает

    Так есть меню в мобильной версии сайта Скажем на ios: если чуть прокрутить вниз страницу то уходит строка браузера верхняя и если ее нет, этой строки то меню не открывается код на js такой: $(btn).on('click', function(event){ event.preventDefault(); //console.log('click'); $(this).toggleClass('active'); $(menu).toggleClass('open'); $(menu).show(); if ( $(window).width() < 767) { $('html, body').toggleClass('overflowHidden'); } }); Кто-нибудь сталкивался с подобным?

    Asked by Kaner, June 15, 2017

    0 votes
    3 answers
25. Проблема с движком opencart

    Постоянно вылетает ошибка установки модулей, указывает директорию installers.php не могу понять подскажите что может быть

    Asked by uastend.com, March 14, 2018

    • opencart
    0 votes
    0 answers