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
-
несколько input с текстом
Есть 3 input box'a: <input type="text" name="fields_filter[brend]" value="Производитель" onfocus="this.value=(this.value=='Производитель') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Производитель' : this.value;" /> <input type="text" name="fields_filter[naimenovanie]" value="Наименование" onfocus="this.value=(this.value=='Наименование') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Наименование' : this.value;" /> <input type="text" name="fields_filter[nomer_po_katalogu]" value="Номер по каталогу" onfocus="this.value=(this.value=='Номер по каталогу') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Номер по каталогу' :…
0 votes0 answers -
Разное отображение шрифта в ИЕ/Хроме и Опере/Фаерфоксе
Доброго времени суток. Возникла следующая проблема. Например, есть CSS вроде такого: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>font</title> <style type="text/css"> .layer1 { font: 16pt Arial; } .layer2{ font: 16pt Symbol; } </style> </head> <body> <div class="layer1">Example1</div> <div class="layer2">Example2</div> </body> </html> И так он отображается (слева - Опера 11, Firefox 6; справа - Хром 13, ИЕ 6 (вечером другие ИЕ гляну, сейчас нет под рукой)): Шрифт Symbol в системе установлен. Собств…
0 votes0 answers -
Opera next + embed + f5 = crush
Доброго времени суток. Есть проблемка небольшая. http://beavers-net.narod.ru/crush_f5.html Код простой, валидацию проходил - только реклама янды осталась. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> f5 - crush prinmer </title> </head> <body style="background: #242; margin: 0 auto; padding:10px ; text-align: center;"> <p> <object data="psme_shindai.mp3"> </object> </p> &…
0 votes0 answers -
Использование повторяющихся элементов на разных сайтах
Очевидно, что многие элементы (меню, логотип и т.д.) часто однотипны от сайта к сайту. Встал вопрос как организовать процесс быстрой верстки таких элементов. Хотелось бы почитать кто как решает этот вопрос, может кто даст дельный совет.
0 votes4 answers -
Формула по центру
Нашёл на данном сайте интересное задание на CSS http://htmlbook.ru/node/1054 Хочу предложить свой вариант решения , при котором всё центрируется как положено независимо от высоты формулы (картинки) <div style="width: 100%; text-align: center; position: relative;"> <img src="[ссылка на картинку с формулой]" /> <div style="display: inline-block; position: absolute; right: 0px; height: 100%;"> <table style="height: 100%; font: 14pt Calibri;" cellpadding="0" cellspacing="0"> <tr><td>([номер формулы])</td></tr> </table> </div> </div> Можно ли это оптимизировать?
0 votes0 answers -
Стили с одной страницы
Нужно ли выносить стили, которые используются только на 1 странице в общий css файл?
0 votes2 answers -
Проблема с блоками.
Нужно сделать так И так .blockContent (БЛОК С КОНТЕНТОМ){ font-size:13px; color:#fff; text-shadow:1px 1px 0 #000; text-transform:none; text-decoration:none; border:1px solid #3399ff; -o-border:1px solid #3399ff; -moz-border:1px solid #3399ff; -webkit-border:1px solid #3399ff; } .blockAva (АВАТАР){ margin:5px 5px; height:100px; width:100px; text-transform:none; text-decoration:none; border:5px solid #fff; -o-border:5px solid #fff; -moz-border:5px solid #fff; -webkit-border:5px solid #fff; } .blockInfo (БЛОК С ССЫЛКАМИ){ float:right; height:170px; width:100px; margin-righ…
0 votes1 answer -
как объехать overflow:hidden
#slider имеет значение overflow:hidden, чтобы картинки в слайдере не были видны и имеет определенную высоту, которую нельзя менять. Получатся, что <div class="i_info"></div> находится внутри #slider и из-за этого он исчезает. внизу. Как сделать, чтобы данный див был поверх #slider, а не внутри его?
0 votes1 answer -
Помогите настроить вертикальное меню!
Здравствуйте! Помогите пожалуйста настроить вертикальное раздвижное меню. Не корректно отображается сайт, когда я ставлю меню. Все дело в этом: * {margin: 0px;padding: 0px;}.wrapper {width: 230px;margin: 50px auto;} Само меню: https://jsfiddle.net/cgzq6nba/
0 votes0 answers -
Блочный внутри блочного
Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?
0 votes2 answers -
Помогите найти JS
В общем, не знаю как называет. В некотором поле фиксированной ширины двигаются картинки, когда нажимаешь то она увеличивается. Или скажите название - сам найду, просто даже названия не знаю
0 votes2 answers -
img shadow-box inset проблема
Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.
0 votes1 answer -
Расстояние относительно других элементов и браузера
Я хочу понять, как получать различные размеры отступов, полей и границ относительно других элементов таких, как браузер, другие графические элементы. Сейчас я пытаюсь сверстать данную форму. Форму разрезал на различные графические элементы. К примеру, я хочу разместить как нужно блокнот. Но я не могу понять, как узнать размеры относительно верней и левой границы браузера. Пока я использую фиксированные размеры. Вот что, у меня пока вышло.
0 votes0 answers -
Резиновая вёрстка + img
Тему можно удалить
0 votes0 answers -
Почему на этой странице блок выше?
Вот нормально все в футере ссылки удалил... но именно на этой странице он поднимается выше (а надо чтоб граница была нормально а не висела так.,) логика подсказывает что это как-то связанно с тем, что на этой странице нет картинок в 1 и 3 блоке верхнего футера... но что делать? как исправить кроме как присвоить этой странице дополнительный стиль и подвинуть (но мне кажется это не совсем правильынй метод и я тут что-то криво сделал) Спасибо! буду знать. Правда пока по-быстрому выкрутился создав дублирующий блок с другим классом
0 votes1 answer -
Расположение элементов на странице
Очень долгое время меня уже мучает вопрос относительно того, как правильно размещать элементы в нужных позициях. Например есть текст в контейнере. Контейнер без границ, фона. Текст необходимо расположить скажем на некотором расстоянии от верха. Чисто визуально ведь этого можно добиться используя padding-top, или margin-top, или и то и другое вместе. Или используя position, воспользоваться top. То же само касается правого, нижнего и левого краев. И то же самое касается не только текста. Так что же все таки предпочтительнее и в каких ситуациях использовать? Может есть некие "правила"? Например для одних элементов одно, для других другое.. Или это вообще дело вкуса? Подскажи…
0 votes1 answer -
Почему не появляется тень?
Собственно, сабж. Мне надо добавить тень к элементам. Так и записал: -webkit-box-shadow: 0 0 0 6px rgba (0,0,0,1); -moz-box-shadow: 0 0 0 6px rgba (0,0,0,1); box-shadow: 0 0 0 6px rgba (0,0,0,1); Но ничего не произошло. В чем обычно бывает дело, подскажите, будьте любезны.
0 votes2 answers -
Правильно ли я решаю вопрос упорядочивания?
Здравствуйте! На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля: .product-field-type-R{ float:left; display:inline-block; min-height: 196px; } Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?
0 votes3 answers -
Картинка
Приветствую, начал изучать CSS. Вопрос в следующем: Имеется картинка, на которую хочу наложить меню. Так вот, как сделать чтобы картинка подстраивалась под разрешения экрана?
0 votes3 answers -
Фиксированное позиционирование и скроллинг
Приветствую, посоветуйте, пожалуйста, как исправить проблему фиксированного позиционирования и скроллинга. Имеется двухколоночный макет шириной 1270px, левая колонка шириной 245px фиксирована (необходимо чтобы при прокрутке страницы вниз/вверх содержимое колонки оставалось на своем месте). Суть проблемы в том, что если страница по ширине не помещается целиком в окно браузера, при прокрутке страницы вправо, текст правого блока наезжает поверх фиксированного левого блока. Спасибо.
0 votes1 answer -
Проблема с модальным окном
Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана. Сам сайт с проблемой http://zaprintuem.ru/ До этого, окно всплывало строго по середине ЭКРАНА. Этого и нужно добиться ! Код стилей: .popup_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #211722; z-index: 2000; display: none; cursor: pointer; opacity: 0.75;}.popup_window{ width: 545px; padding: 6px; background: #f6f2eb; border-radius: 5px;…
0 votes1 answer -
Помогите разобраться с таблиуей
Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c1.png" alt="" height="84" width="84"> </td> <td style="background: url(http://www.pn.revendge.ru/images/elements/ram/c2.png)"></td> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c3.png" alt="" height…
0 votes2 answers -
relative и масштабируемость!
Всем доброго времени суток. Вот взял на сайте поставил картинку, положил на неё полупрозрачную картинку с помощью относительного позиционирования при моем расширении всё нормально выглядит как только начинаю масштабировать то при разных масштабах картинка то опускается то поднимается на 1px. И по этому делает то зазор то вылазит за неё, не подскажите как можно от этого избавиться?
0 votes0 answers -
Редактирование разных данных в таблице пользователем
Всем привет. Делаем сервис в котором присутствует куча настроек. Настроек много и они однотипные, поэтому объединяем их в таблицу. И встал вопрос как поюзабельней сделать редактирование этих настроек. Среди полей таблицы есть и просто текст, есть и числа, даты, есть и комбобоксы. Если реализовывали что-то такое, или видели где реализовано, подскажите плиз.
0 votes1 answer -
вложенные скобки в xslt
подскажите пожалуйста как в xslt-файле вывести содержание тэга в атрибут изображения я пытаюсь вот так <img src="<xsl:value-of select="/price/item/image"/>" alt="" /> и получаю ошибку вот кусок html <price> <item> <image>images/soap/img5.png</image> <header>Мыло хозяйственное</header> <percent>72</percent> .............
0 votes0 answers