HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Ребята подскажите как выровнять сайт?
Сайт сделан в джумла. В верстке не силен. Просьба подсказать как и по какому пути выровнять сайт по центру! Использую FireBug и не могу понять, где верстать. http://reklamarulit.ru/
0 votes2 answers -
Open Sans не такой толстый как нужно
Использую Open Sans на страничке http://www.reklamy.ru/uslugi/print/shtendery/ - двухцветные заголовки например "ПРАЙС ЛИСТ" сделал толщину 800 все равно выглядит не так как на гугле https://www.google.com/fonts/specimen/Open+Sans#charset нужно ещё чуток потолще
0 votes2 answers -
видимость страницы
Добрый день! div сайта имеет фиксированные размеры (950 / 630) и расположен по центру экрана. На ноутбуке все видно и работает, а в смартфоне (где размеры экрана меньше) и планшете, адресная строка браузера закрывает верх страницы с меню. Подскажите, пожалуйста, как это исправить.
0 votes2 answers -
Позиционирование изображения с помощью vertical-align: middle
Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.
0 votes7 answers -
Проблемы со скриптом 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/ Подскажите, пожалуйста, решение этой проблемы. Заранее благодарен за помощь.
0 votes0 answers -
Нужен совет как правильно сверстать блок
Добрый день! Собираюсь переверстать сайт http://goods4fest.ru/ и нужен совет как будет правильно, лучше и тд сверстать блок, который под слоганом и лого. Можно ли будет использовать svg для создания трех фоновых фигур? Буду рад любым советам, спасибо!
0 votes1 answer -
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"> Ра…
0 votes0 answers -
Не работающий слайдер
Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от 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…
0 votes2 answers -
XML -> XHTML
Есть задача - получить из xml-шаблона html, для определения форматирования решил использовать xsl || xstl. С последними дело иметь не приходилось. Примеры найденные в сети вообще не хотят работать, а от чего оттолкнуться не понятно. вот к примеру что нужно что бы на выходе получить оформленный xml <?xml version="1.0" encoding="utf-8" ?> <post> <user>Юзер</user> <text>А_тут_текст</text> </post> Гуглил разные простые примеры, но не рабочие. Кроме "Ошибка разбора таблицы стилей XSLT." так ничего и не добился. И вообще толковой инфы на русском по манипуляциям с xml не хватает, имхо. Или это лучше вообще другим макаром делать?
0 votes3 answers -
Позиционирование 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…
0 votes4 answers -
Положение элементов на странице
Есть сайт pohodkin.ru,в ИЕ 7 "Подбор снаряжения" и "Вход" находятся кто где хочет,в Опере и Сафари например всё нормал,что делать что б в ИЕ было всё нормал??
0 votes3 answers -
Опять блоки
Основной блок определённой ширину.Туда будет помещаться много блоков Тоже определённой ширины и высоты.При этом их ширина в несколько раз меньше ширины всего блока,что позволяет расставлять в одной строке несколько блоков.Вопрос в том как они внутри него будут располагаться.Хочу сделать чтоб они располагались так будто у них у всех стоит float:left,т.е. в одной строке стоял не один блок ,а столько сколько поместится,но мне не нужно флоат ,так как он убивает высоту у родителя. Как так сделать?
0 votes6 answers -
Ложка дегтя
При попытке сделать стандартный трех колоночный макет с колонкоми равной высоты при помощи display:inline-block; и display:inline; для IE6(7), появилась проблема в IE8 - не растягивается цветная подложка по высоте. Пример представляет чисто спортивный интерес.
0 votes5 answers -
обтекание текстом картинки
Привет. столкнулся с проблемой. Нужно сделать обтекание текстом картинки. Пишу: .field-name-field-cover{ float:right; /**картинку на правому краю*/ margin: 10px;/**отступ вокруг нее*/ margin-bottom:-200px; /**с помощью этого параметра поднимаем текст выше, а то он где-то внизу*/ } По идеи должно работать, но не работает, мне кажется что это связано с margin-bottom:-200px;, хотя не уверен. Подскажите, как быть?
0 votes9 answers -
Закругленный блок
Делаю такой блок 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…
0 votes4 answers -
Многослойная верстка
Решено
0 votes2 answers -
Как реализовать такие углы?
Подскажите как сделать такие углы? Или такие углы только с помощью картинок делаются?
0 votes4 answers -
как сделать резиновую кнопку валидную под ие7
Всем привет. Помогите пожалуйста. столкунлся с такой проблемкой. Поручили мне сделать шаблон кнопки (резиновой) фактически состоящей из 3-х частей 1) это левая часть в ней рисунок вида < 2) резиновая часть для текста 3) правая часть с рисунком вида < То есть условно <:текст:< Хотел я это сделать 3-мя блоками внутри главного блока 3 блока с float: left все как бы нормально за исключением того что в ИЕ 3 вложенные блока переносяться каждый на отдельную строку Прочитал в нете что это глюк ИЕ7 что он не правильно считает ширину родительского блока В результате пришлось верстать ТАБЛИЦЕЙ. Вот что то на подобии <button id="basket_checkout" class="button" name="…
0 votes2 answers -
<div> в строку без перехода на след. строку
Здравствуйте еще раз Снова требуется помощь знающих Нужно реализовать n кол-во <div> элементов расположенных в одной строке, но самое главное, что бы при окончании окна браузера, эта строка продолжалась, а не превращалась в две, три и т.д. (исходя из размера окна браузера) То есть, когда, в моем примере, двигаешь правый край браузера, не помещающиеся див элементы переходят на следующую строку, образуя тем самым 2 ... 5 и т.д. строк. Перепробовал все что знал, помещал див строку в новый элемент див, центрировал, применял дисплей инлайн, позиционировал по разному Результату - ноль. Через таблицу делать не хочется. Есть у кого нибудь идеи как можно реализовать такую в…
0 votes2 answers -
День недели
Здравствуйте! Как сделать так, чтобы показывался день недели и чтобы он брался не из календаря О.с. пользователя? Я делал на J.s., но он показывал тот день, который настроен у меня в календаре О.с. и если я его там меняю то он меняется и на сайте, а мне нужно чтобы не менялся ни смотря ни на что и работал с часовыми поясами правильно. Я надеюсь Вы меня поняли. Спасибо за внимание.
0 votes5 answers -
Баги хрома, большие картинки, пропадающий фон и артефакты у картинок
Проблема только в хроме. Много больших картинок, прозрачных слоев = проблема в паралаксе. Открыть на весь экран http://html2css.ru/travel3/ - при прокрутке пропадает фон (можно увидеть только на больших экранах). фикшу через - * { -webkit-backface-visibility: hidden;}http://html2css.ru/travel2/ Появляется новая проблема - если подвигать мышкой - можно увидетЬ, что у некоторых картинок паралакса появляется как бы граница (экран нужно прокрутить тоже, чтобы увидеть). Как пофиксить это?
0 votes0 answers -
BBCode аля [html] для форумов phpBB
Тема о плюсах и минусах возможности использоать html в сообщениях поднималась на нескольких форумах поддержки сервисов phpBB. На сколько я понял в вресиях phpBB >3.0 эта возможность исключена, ну или исключена на сервисе http://www.getbb.ru/ которым я пользуюсь. Тем не менее у меня возникла необходимость в использовании html через свой BBCode, поскольку большое количество BBCode и их особенности работы не всегда меня устраивают. Учитывая небезопасность прямого встраивания юзерами кода html в сообщения, я хотел бы (хотя возможно вы меня переубедите) написать такой скрипт для BBCode , который бы ограничивал вставку html только з безопасным контентом. Как вариант ограниче…
0 votes4 answers -
Гибкость сайта
Всем привет! Не давно начал изучать 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/ Заран…
0 votes1 answer -
Меню на мобиле не работает
Так есть меню в мобильной версии сайта Скажем на 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'); } }); Кто-нибудь сталкивался с подобным?
0 votes3 answers -
Проблема с движком opencart
Постоянно вылетает ошибка установки модулей, указывает директорию installers.php не могу понять подскажите что может быть
0 votes0 answers