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
29,542 questions in this forum
-
Под пункты меню вылазят за границы монитора
Всем привет, друзья подскажите, как быть в такой ситуации ? Проблема с отображением меню на сайте, кто может подсказать, как исправить ?
0 votes6 answers -
Резиновые шрифты при inline-block и *font-size: 0
Здравствуйте! Помогите пожалуйста, разобраться. Известно, чтобы убрать пробелы между элементами - display: inline-block; Достаточно обнулить у всех элементов *font-size: 0; Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?
0 votes5 answers -
Как сверстать такоя?
Как сверстать такоя? Без js, только css. https://prnt.sc/tuhp95 Требования к результату: - нужна возможность крутить схему, надписи должны оставаться горизонтальными; - должен тянутся на 80% от вьюпорта; - нужна возможность масштабировать весь блок изменяя один параметр; - без использования js
0 votes9 answers -
Вложенные таблицы. Проблема с отображением рамок вложенных таблиц
Здравствуйте! Прошу помочь мне советом по оформлению вложенных таблиц. Пример по ссылке: https://jsfiddle.net/formikulo/895fnhzc/1/ Проблема заключается в том, что рамки между вложенными таблицами в Таблице 2 выглядят жирнее, чем остальные. Хотя для всех линий задана одна толщина 1px. Как сделать так, чтобы все рамки были одинаковой толщины?
0 votes15 answers -
DIV. Вертикальное позиционирование.
Добрый день! Заинтересовал вопрос по поводу вертикального позиционирования, погуглил, ниодин вариант не подошел. <div id="big_block"> <div id="left_top_block"> Этот блок должен располагать слева вверху. </div> <div id="center_block"> Центральный блок, который будет заданной ширины, н/р, width:40em; Вертикальное позиционирование не особо важно, ради весёлости, можно конечно отцентровать </div> <div id="right_bottom_block"> Этот блок должен находиться справа внизу </div> </div> Скорее всего, подойдет вариант с display:table; и display:table-cell;, но то, что нашел в инете, не смог подогнать под именн…
0 votes3 answers -
Выравнивание ширины input и select
Я не очень опытный верстальщик так, что мой вопрос может прозвучать здесь уже в 111-й раз. Но все же, мне не понятно, почему поле select, с заданным css-атрибутом width, при отображении в браузере оказывается короче значения этого атрибута? Вот простой пример, в котором это видно: <input /> <br/> <select />? <style> input,select{ width:200px; }? </style> Поле input при отображении имеет ту ширину, которая задана css-атрибутом width. Скажите, а как задать правильную ширину для select?
0 votes3 answers -
Мобильные браузеры, body, overflow:hidden
Есть длинная страница и всплывающая форма, по высоте тоже большая (1500px) c position:fixed, overflow-y:scroll, height:100% у ее контейнера. Нужно чтобы форма прокручивалась, а сама страница нет. С десктопами проблем нет, но в мобильных браузерах (например, ipad safari) не получается реализовать. Пробовал даже такое: html, body { position:relative; height:100%; overflow:hidden}
0 votes4 answers -
DOCTYPE HTML 4.01 Transitional - div height 100%
Можно ли растянуть div на 100% по высоте в этом DOCTYPE без использования javascript, само собой для всех браузеров? и еще вопрос, есть: ************************************************* хедер ************************************************* левая контент правая колонка колонка ************************************************* футер ************************************************* так вот колонки позиционированы absolute как привязать футер к низу? если не известно заранее какой высоты колонки
0 votes3 answers -
Прозрачность фона
Имеет ли смысл строка в css: BODY { background-color: transparent} Ведь там по умолчанию прописан #ffffff и поменять это значение на transparent у меня не выходит. Заполнить его прозрачными однопиксельными .gif или .png файлами не предлагать. Спасибо.
0 votes9 answers -
fullWindow при старте
добрый день помогите пожалуйста. надо сделать чтобы при заходе на сайт vasyapupkin.ru он открывался сразу в fullWindow как сделать это чтобы открыл он поп-ап могу как сделать чтобы открывало фул виндов при нажатии на ссылку - могу. как сделать чтобы страница сразу была fullwindow заранее благодарен за ответы
0 votes20 answers -
Как зафиксировать меню сверху экрана
Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.
0 votes4 answers -
Фиксировать положение элемента
Добрый день, допустим есть такой фрагмент: <html> <body> <table id="first"> <tr><td>CONTENT</td></tr> </table> <table id="second"> <tr><td>FIX ME</td></tr> </table> </body> </html> Страница загрузилась в браузер пользователя. Юзер начинает скроллить страницу вниз, table id="first" выходит из области видимости, а следующая за ней таблица с id="second" приближается в верхней границе экрана. В этот момент я хочу зафиксировать таблицу с id="second". Чтоб как-бы далеко вниз пользователь не скроллил страницу, вторая таблица всегда будет уверхней границы. Если же пол…
0 votes8 answers -
Настройка отображения скролл бара
Подскажите пожалуйста как реализовать схожую прокрутку как тут(внизу,где список страниц). Буду благодарен за быстрый ответ
0 votes10 answers -
ie6 замучал меня
между блоками только в ие6 появляется горизонтальный разрыв в 3 рх как с этим бороться? выравнивание стоит float:left и clear:both
0 votes10 answers -
В IE6 не копируется текст
Странное поведение этого недобраузера. На форумах часто задают вопрос как сделать так чтоб невозможно было копировать текст. А у меня проблема как раз наоборот. вот страница - http://www.nomos-regiobank.ru/sme. В осле с центральной колонки текст не копируется, хоть убейся. Я сам двумя руками против Эксплорера но заказчик хочет IE6 и хочет копировать текст. Если кто то сталкивался или есть какие то мысли, помогите. У меня уже опустились руки.
0 votes6 answers -
Меню "едет" в IE7
Всем доброго времени суток. Мне нужна небольшая помощь. Собственно дело в незначительном изменении кода. Три ссылки меню над контентом (О компании, Услуги, Контакты) в нормальных браузерах отображаются вот так: А в IE7 они "поехали": Как это исправить? HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Сантехника Петербург / Главная</title> <meta name="keywords" content="магазины сантехники, смесители teka, смесители oras, ванны акриловые, смесители, душев…
0 votes12 answers -
работа с таблицами HTML
Люди помоги пожалуйста. есть одна проблема. имеется форма. на ней есть поле ввода текста textarea1.по нажатию на кнопку содержимое поля для ввода должно скопировать в определенную ячейку таблицы. теперь вопрос . как к ней обратиться ( к этой ячейке таблицы) чтоб скопировать в нее текст , который есть в textarea1. напишите пожалуйста как это сделать. лучше с примерами. еще лучше на VBScript.
0 votes12 answers -
CSS-меню со ссылками и IE 7/8
Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…
0 votes8 answers -
Прикленный к нижней границе окна футер остается на месте при скроллинге
Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…
0 votes8 answers -
Как правильно работать с type="text" в explorer?
Эта глючная особенность Explorer уже года три периодически мне портит дизайны: http://dankey.biz/dan/trabla Как избавится от зазора между текстовым полем и его контейнером?
0 votes5 answers -
Плывет картинка
Здравстуйте. Не получаеться никак выровнять картинку по левой стороне блока. вот ссылка http://fixoni.style-vip.com/ это расположено внизу , колонка "ЛУЧШАЯ ЦЕНА". Вставил слева картинку (лучшая цена) затем следом ячейка идет товары, затем сново маленькая картинка правая для закругливания углов. Все дело в левой картинке (лучшая цена), сделал на ней relative и top: -11px. Но из-за этого нижняя часть не сходиться.
0 votes6 answers -
Проблемы с css,связанные с джумлой
Здравствуйте)Помогите мне пожалуйста разобраться с css в джумле...Дело в том,что до того как я занес свой шаблон в джумлу он у меня отлично отображался,но после его установки он начал "сьезжать" в левую сторону и перестал растягиваться во всю выоту экрана...Я попробывал это исправить своими силами,но в итоге у меня получилось,что нормально отображаться сайт стал лишь в опере,в остальных браузерах у меня он изображается криво. Вот код моего css,отвечающий за вывод основного блока: .table { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; width: 900px; margin:40px 0px 40px 0px; heig…
0 votes11 answers -
Прелоадер не закрывается.
При верстке сайта на Bootstrap 4.3.1 хотел сделать прелоадер на основе стандартного элемента Bootstrap - спиннера, который бы закрывался после загрузки страницы. Проблема в том, что спиннер не закрывается после загрузки страницы, очевидно заданные в скрипте стили к нему не применяются. Подскажите, пожалуйста, в каком месте я ошибся? Ссылка на ошибку (Гитхаб)
0 votes4 answers -
Аналог CSS атрибута align
Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left?
0 votes4 answers -
Почему появилась горизонтальная прокрутка у страницы?
www.metakom.info/test.html Пока верстал, не засек момент, когда появилась горизонтальная прокрутка у документа. Через FireBug отловить не смог. Гуру, помогите исправить? Сам нашел. Оказывается у контейнера columns ширина была 100%ю Как только убрал явно заданную ширину, все пришло в норму. одно не понятно - почему в таком случае 100% получается больше, чем ширина экрана?
0 votes2 answers