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
-
Изменение размеров фона вместе с таблицей?
Хочу устоновить картинку на фон в ячайки таблицы, и что бы при изменение окна браузера вместе с жиманием таблицы сжимался и фоновый рисунок.
0 votes3 answers -
шапка сайта и фоновый рисунок
а возможно ли сделать, чтоб высоту шапки сайта не задавать фиксированной, но при этом фоновый рисунок отображался весь?
0 votes1 answer -
Скрипт modal window. проблема!
Ребят опять запутался, нинаю че делать. даже не знаю в какой раздел кидать, думаю здесь тоже все разрешится. постораюсь все побробно описать. Значит так, хочу сделать ссылку, при нажатии на которой открывается окошко (но не браузерное), типа на полупрозрачном фоне появляется окошко ( modal window). смысл скрипта такой: имеется отдельный css, яваскрипт, и еще один гугловкий скрипт. текст наделяется спец классом который связывается с явойскриптом и вызывает его. а сам контект которое открывается в окошке находится в том же документе (его не видно так как display:none). очень хочу поместить этот контент в отдельный документ и ссылаться на него (не хочу куча хлама кода на каж…
0 votes4 answers -
Три плавающих элемента.
Есть три элемента, внутри header: <div id="header"> <img src="..." id="t1" /> <img src="..." id="t2" /> <div id="t3"> ... </div> </div> #header {width:100%; height:100px;} #header #t1 {display:inline-block; width:80px; height:80px;} #header #t2 {display:inline-block; width:230px; height:80px;} #header #t3 {display:inline-block;} Как расположить их так, чтобы t1 был прижат к левому краю, t2 по середине, а t3 прижат к правому краю?
0 votes1 answer -
Медленный gif
Рисую разные гиф. Если в gif'e есть кадры с задержкой менее 0,1 сек. то браузеры искусственно увеличивают задержку до 0,1 сек. При этом сам редактор gif отображает анимацию с нужной скоростью (photoshop, GIF Movie Gear). Конкретно эта анимация нормально отображается в firefox. IE и chrome отображают медленно. Как с этим бороться? Постую следующим кодом: <!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" /> <title>Документ без названия</title> </he…
0 votes0 answers -
Вопрос по верстке
Собственно необходимо сверстать то, что изображено на рисунке. Я сам сделал так : <ol> <li><a href="#">Иванов</a><span>123</span></li> <li><a href="#">Петров</a><span>56</span></li> <li><a href="#">Сидоров</a><span>67</span></li> </ol> Загвоздка в том, как сделать так чтобы в inline элементе li фамилии выравнивались по левому краю, а рейтинг по правому. чуствую, что тут необходимо перейти к блочному представлению (display: block) Подскажите плз. http://www.zshare.net/image/71415107aaff911e/
0 votes5 answers -
список блоков в строку с динамичной шириной ячейки
div#container{width:700px} div#container .el{float:left} <div id="container"> <div class="el">value</div> <div class="el">value</div> <div class="el">value</div> </div> Есть div#container с width="700" Хочется внутри этого div#container разместить в строку несколько других блоков div.el. Ширина этих блоков должна динамически расчитываться, таким образом чтобы все div.el по сумме ширины занимали все место в родительском div#container. Количество блоков заранее не известно, поэтому прописать ширину для блоков статично нельзя. использование div или p или ul/li не принципиально.
0 votes2 answers -
Проблема с наслаивающейся вёрсткой div'a
Схематичное изображение проблемы: изначальное состояние сайта: Далее я хочу вставить ещё один div поверх предыдущих( относительно diva в котором лежат div1 и div2 - чтобы в случае разных разрешений и боковых отступов мой div3 всегда был на одном месте) вот так: Код css для моего "div3": div#phone { position: relative; top: 307px; left: 796px; z-index: 4; height: 48px; width: 204px; background: url("images/phones1.jpg"); } в итоге получается вот такая фигня: Помогите плз как исправить проблему или как по другому засунуть рисунок не изменяя положения остальных элементов.
0 votes8 answers -
Div растягивает окно браузера
Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…
0 votes5 answers -
Скругление углов
Как же это всё достало!!! :dash: Вместе нужных вещей в CSS вводят свисто-перделки, которые при этом не работают! есть блок width:100% в нём блок width:100%; height:40px; внешний блок должен быть со скруглёнными углами. Как??? Фокс и Хром делает как надо, Опера опять выёживается! Никаких <img> - просто блок в блоке. Если даю отступы - всё нормально скруглённые углы пробиваются!
0 votes5 answers -
Проблема с div
Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg
0 votes3 answers -
избыточность селекторов
скажите пожалуйста существуют ли какие-нибудь программы или онлайн-сервисы наподобие минификаторов, которые умеют сокращать длинные цепочки селекторов? например такие .nav_top ul .button_left.active .right .shellbutton .button_right .button_center{} и вообще есть ли существенная польза от таких сокращений? есть мнение, что трудно поддерживать большие проекты, оформленные подобным образом. имеет ли право на жизнь такое мнение? мне например намного проще ориентироваться(дорабатывать, изменять) в любом коде когда элементы определены однозначно(пусть даже за счет избыточности)
0 votes6 answers -
Проблема с шрифтом в меню
Вот тестовый http://test.created-phoenix.ru/ Шрифт в меню изменяет ширину в зависимости от маштаба, т.е если уменьшить маштаб, то послений пункт почему то уходит на 2 строку. Понятно что где то косяк, но вот найти самостоятельно не могу.
0 votes5 answers -
Движек интернет магазина. Подскажите
Посоветуйте движек инет магазина без замарочек. Уель- продажа стройматериала.. Можно плиз без холивара?
0 votes6 answers -
URL с внутренних на главную
Доброго времени суток. У меня сайт на html, все ссылки на главную идут вот так <a href="index.html">Главная</a>, на других сайтах встречаю в коде вот так <a href="/">Главная</a>, как правельно ?
0 votes6 answers -
Зачем в бутстрапе для navbar есть Static top?
Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;
0 votes2 answers -
Подскажите (фоновый SVG через base64 и ресайз)
http://codepen.io/anon/pen/Nqadoo В примере обе иконки – это SVG data-uri. Первая иконка ведет себя так, как если бы ей было заданы следующие свойства: background-repeat: no-repeat; background-size: contain; background-position: bottom; Вторая ведет себя так, как и должна, т. е. обрезается, если размер не влезает. Подскажите, в чем здесь дело?
0 votes1 answer -
Перестала выводится менюшка последних 10 статей
Версия MODX Revolution. На сайте новые статьи выводились в отдельную ленту в разделе «Статьи» - http://glebov.com.ua/stati.html. Последние десять статей выводились на главную страницу в нижней части сайта http://glebov.com.ua/. Где-то после 10 августа статьи перестали выводится на главную, а в раздел «Статьи» выводятся. При этом шаблоны статей в админке меняются и сохраняются, но на сайт изменения не подтягиваются. Кто-то может помочь и подсказать, что делать? Ну или вообще, что это может быть? Заранее спасибо.
0 votes2 answers -
Бордер в цвет градиента
Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.
0 votes4 answers -
Как сделать подобный "виджет"
Добрый день. Не подскажите как можно сделать подобное через css или это только через JS? Или хотя бы как это называется, чтоб знать от чего оталкиватся при поиске. Перерыл все способы названия, но так похожего и не нашел.
0 votes1 answer -
Форматикорование шрифта тег <font>
У меня проблемка и не знаю как ее решить... Задаю, например, или ... Броузер может показать все нормально... То-есть правильно... Но иногда размер шрифта увеливается... Как бы сам по себе, не слушуя html, например задаю второй, а он иногда отображается как четвертый или что-то в этом роде... Раньше у меня такого не было и как решить не знаю, помогите, плизззз....
0 votes3 answers -
DIV background в IE6 не отображается
Такой элемент: <div class="message">Неправильное имя пользователя (логин) или пароль. Попробуйте ещё раз.</div> Такой CSS: .message { padding: 5px; background: #990000; color: #FFFFFF; font-size: 11px; font-weight: bold; display:block; } Почему-то в IE6 заливки не видно. В чем может быть дело? Разобрался. Добавил: position:relative; height:auto;
0 votes1 answer -
Размеры элементов формы
Hi All! Тема наверно уже не раз подымалась, но ответа я найти не смог. Проблема вот в чем: есть форма, содержащая 3 элемента (select, input, button). Задаю высоту для всех 3 элементов равную 20px. Кнопка и текстовое поле по высоте равны, а вот селект чуть-чуть выше. При чем в опере, файерфоксе и гуглохроме они одинаковые, а вот ИЕ6 как обычно капризничает. Можно это, как-то забороть не прибегая к экстраординарным мерам? Вариант с JS'ным селектом как раз из таких экстраординарных))
0 votes3 answers -
графическое меню тормозит
Сделал на сайте графическое меню, те пункты меню это не большие (3.8kb) изображения, при наведении курсора мыши они меняются на другие. Проблема в том что в самом начале они меняються с задержкой где то в 1 сек, это заметно и выглядит не красиво, когда на тот же пукт меню наводишь второй раз, то замена на активное изображение происходит мгновенно, возможно потомучто браузер уже закешировал. Что сделать чтобы изображение у ссылки на действие hover и в первый раз менялось без задержек ? вот стили которые я использую: #header #menu .unic_menu_item1 a { background: url(/images/home.jpg) no-repeat left bottom; } #header #menu .unic_menu_item1 a:hover, #header #menu .unic…
0 votes1 answer -
Помогите, пожалуйста
У меня на сайте стоит движок dle 8.2. Мне нужно, чтобы на определенной статической странице можно было добавлять комментарии. Я хочу создать "Пожелания сайту", т.е., чтобы пользователи оставляли комментарии на этой странице.
0 votes3 answers