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
-
CSS только для одного браузера
Почему-то Google Chrome читает код моего сайта немного не так как остальные браузеры. Как сделать так, чтобы часть CSS воспринимал только он, а остальные браузеры игнорировали?
0 votes8 answers -
Как показать div из div'а который "display: none"
Всем привет. Возможно ли такое: К примеру есть div и на нем всём стоит "display: none", + он содержит очень много вложенных div. Как показать один из этих вложенных div не взерая на выше примененный параметр. Пример: <div class="blablabla_1" style="display: none;"> ...очень много еще всего <div class="blablabla_2">Трали-вали</div> <div class="blablabla_3">Опа-опа-па</div> <div class="blablabla_4">Пик-пик-пик</div> <div class="blablabla_5">Карамба-вах</div> ...очень много еще всего </div> Как показать из всего этого только <div class="blablabla_4">Пик-пик-пик</div>? …
0 votes9 answers -
Отрегулировать высоту выпадающего списка у select в ie
Всем привет, при верстке сайта столкнулся с проблемой высоты выпадающего списка в IE, элементов в списке много и шрифт у них большой: 25px. В ие при нажатии список растягивается огромной горизонтальной колонкой, это как-то исправляется? Возможно ли это исправить через js?
0 votes2 answers -
Как задавать свойства для вложенных списков
Столкнулся с непонятным поведением списков <ul>, вложенных в другие списки. Вот тестируемый код: <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="index,f…
0 votes2 answers -
Режим совместимости
Ребят подскажите пожалуйста, при открытии сайта в IE8 сайт открывается в режиме совместимости и там просто все карау как будто чужой сайт открываю. Если же в IE8 (средства разработчика) поставить режим документов стандартный IE 8, то сайт выглядит на удивление правильно. стандартный для IE7 неправильно но багов в 100500 раз меньше. Вопрос, что надо сделать чтобы при просмотре сайт открывался в стандартном виде, а не в режиме совместимости?
0 votes11 answers -
Дополнительные опции товара
Друзья , я занимаюсь разработкой интернет магазина контактных линз.В качестве движка использую битрикс. И сейчас я столкнулся с такой задачей. Нужно реализовать функцию "опции товара" т.е в опциях товара предполагается выбор нескольких параметров а именно выбор диоптрий, оптическую силу и радиус кривизны для правого и левого глаза. пример таких форм представлен здесь: http://linzaplus.ru/product_info.php/products_id/64 http://linzaplus.ru/product_info.php/products_id/222 http://www.linzshop.ru/catalog/clariti-1-day.html Вопрос такой, как проще реализовать данную задачу ? нужно ли дописывать и подключать отдельный скрипт или же можно ли использовать функционал движка? В…
0 votes4 answers -
Возможно решение без жс?
картинка врет )) размер первого блока 640px картинка два блока фикс третий резина контейнер для резиновый поставили задача при мелком разрешении 1080 (значение константа) 1 и 2 блоки сверху 3 снизу при большом разрешении все три блока в один ряд 1 окно посредством жс имеет способность расширяться на всю страницу и соответственно 2 и 3 блоки снизу (3 блок занимает оставшееся место (т.е. width: 100%-150px - margin/padding)) так вот пока все что пришло в голову это вычислять размер окна и потом высчитывать и прописывать ширину блоку который номером 3 но ввиду того что это всё счастье ещё и верстается под браузер консоли ПС3 жс там не всегда корректно работает
0 votes10 answers -
сайтик, отступы
не знаете почему тут отступы большие? Делал на компе все норм, перенес... вот такая шляпа.
0 votes6 answers -
Загадочный квадратик
странно у меня через Google Chrome вот такой квадрат в начале каждой строки, посмотрите
0 votes6 answers -
Работа с кукис
Доброе время суток! Мне необходимо, что бы пользователь мог изменять элементы веб-страницы и менять цветовые схемы. Результат планируется сохранять в кукисах Можно ли это сделать не используя РНР?
0 votes1 answer -
Не подключается файл css
Приветствую всех. Происходит непонятная проблема. Два простых файла html и к нему css. Оба лежат на диске C:\ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Проверка работы стилей!</title> <link rel="stylesheet" type="text/css" href="/style.css" /> </head> <body> <div id ="hello">Hello, world!</div> </body> </html> Style.css #hello { font-size: 100px; } В IE шрифт отображается правильно, а в Firefox без изменений (остается стандартный шрифт). Почему так может происходить?
0 votes23 answers -
Проблемма с кодировкой
Доброго времени суток! Возникла проблема с кодировкой: в редакторах текст отображается нормально, а когда выводится на сайте - полная белеберда http://ipplaneta.ru/index.php?subaction=us...;user=alenkaBig
0 votes1 answer -
Резиновы картинки - вопрос.
Есть, допустим, блок с 1 большой картинкой. Как сделать так, чтобы при изменении разрешения экрана, она приобретала его размер, то есть была резиновой? Самое главное, видел недавно на блоге какого-верстальщика, как это делать (там был пример с 3 или 4 картинками), а теперь ссылку вспомнить не могу никак. Уверен, такое уже кому-то в работе встречалось и есть некая технология. В поиске же мне попадалось про фон, но тут нужен не фон, а обычная картинка.
0 votes4 answers -
свойство left в Opera (глюк)
Прилагаю два скриншота всплытия tooltip при наведении на 9у. Во всех браузерах он всплывает с левой стороны, только в Opera всплывает справа. так в Опере: span прописан таким образом(сдвиг происходит через left: -430px;) : <div class="number" style="top: 65px; left: 775px;"> <a class="number" href="/market/universam">9у <span style="width: 400px; display: none; left: -430px;" class="tip"><img alt="" style="float: left; margin: 0 20px 15px 0;" src="/images/aivengo/universam.jpg">В нашем "Универсаме" для Вас широкий выбор продуктов питания, товаров первой необходимости.</span> </a> </div> class="tip": .tip { color: #000; backg…
0 votes6 answers -
<input type="button" - кроссобраузерность.
Всем привет. <input type="button" value="кнопка"> В браузерах ff, ie, даже в opere AC - вид кнопки примерно одинаковый ( с закругленными углами). И только в ОПЕРЕ - кнопка с прямыми углами. Очень бы хотелось вид кнопки в опере сделать как во всех браузерах. Иначе в дизайн не вписывается. Может CSS стили задать ? Или это не возможно?
0 votes21 answers -
Бегкраунд - position: absolute
Ребят подскажите советом как в принципе реализовать следующее: Предположим у нас экран 1280 пикселей. Посередине у нас сайт с размером контента 980 статичный. Справа и слева остается некоторое пространство в зависимости от размера экрана (при 1024) не остается почти ничего. Задача прилепить картинку справа и слева (position: absolute) все замечательно пока не доходит до 1024 она либо наезжает на контент сверху либо при z индексе в минус под контент. А как бы сделать, чтобы как только картинка соприкасается с границей контента она останавливалась и больная ее часть показывалась за пределами браузера? А при больших разрешениях экрана вела себя стандартно постоянно прилеплен…
0 votes5 answers -
Div OnMouseOver IE problem
Проблема слудующая Есть оснвной див, при наведении на него отображаються 2 дополнительных дива(слева и снизу) аля доп меню. <div id="layer1" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);">DIV 1</div> <!-- основной--> <div id="layer11" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);" >DIV 1 right</div> <!-- дополнительный 1--> <div id="layer12" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);" >DIV 1 bottom</div> <!-- дополнительный 2--> Наводишь на основной - отобразились дополнитеьные, уводишь мышь на любой дополнительный - они продолжают отображаться. Уводишь на люб…
0 votes3 answers -
Правильное выравнивание картинки в текст контента
Добрый день! Вот хочу поделится траблой, или точнее просто своей озабоченностью по поводу размещения картинок в контенте сайта. Например, есть у нас некоторая область сайта, которую мы никогда не меняем, т.е. например футер, хедер, не суть. И есть у нас область контента, на которой размещены, как правило, текст и т.д. Контент на каждой странице разный, но суть размещения, т.е. как он размещается на странице одинакова. Вопрос заключается в том что я не знаю как лучше разместить картинки внутри текста контента, это приходится делать часто, и как то хочется унифицировать этот способ, к тому же чтобы он был правилен, к примеру: 1. Картинка в ссылке идет между текстом. Охота, …
0 votes3 answers -
Табличка с резиной
Доброго времени суток. Задача: ширина блока должна быть по длине текста сверху. Поле с циферками снизу должно тянуться. Отступ справа (внутри ячейки) 25 пикс. В Опере полет нормальный.. В ИЕ с хаками тоже более-менее (неадекватно реагирует на задание white-space: nowrap; но это ладно). FF\Chrome категорически несогласны. Такие вот делишки. Сделать статично не прокатит, увы. Хаки для FF\Chrome нежелательны, но вполне прокатит - хоть что-то будет. Заранее спасибо. С уважением, Олег. http://beavers-net.narod.ru/primers/balance_probe.html
0 votes4 answers -
Как выровнять все по центру?
Как выровнять все элементы внутри контейнера по центру не используя тег <center>, при text-align: center; выравнивается только текст, а нужно чтобы все элементы тоже...
0 votes2 answers -
Банер +ссылка
Здравствуйте! Мне нужно вставить баннер с готовой уже в нем ссылкой. При просмотре кода я увидела что ссылка в тегах <object> не наблюдается, она находится выше по коду баннера, но вставлять же надо только информацию в теге <object>? и как с этим справиться я не имею понятия Подскажите пожалуйста!
0 votes6 answers -
Помогите со стилями
Доброго времени суток, спасибо вам огромное очень хороший справочник, постоянно пользуюсь. Извините что вот так вот, не спросившись, с первого сообщения и сразу помощь просить, вопросы задавать, просто ощущаю острую необходимость в дельном совете. вопрос: как позиционировать 2 дива со списками слева и справа , чтобы на разных расширениях мониторов смотрелись одинаково по отношению к фону заданному таблице (<table class="main">), а то получается чем больше расширение тем дальше от картинки разъезжаются списки, я пробовал задать дивам relative а также отступы не в пикселях а в процентах, одинакового отображения на разных расширениях получить не смог. сам сайт : e…
0 votes7 answers -
Импорт в JavaScript
Здравствуйте, вот заинтересовался вопросом, существует ли в JavaScript'е (или jQuery). Функция импорта (подключения) других *.js файлов. Например как в CSS "@import 'file.css'" Подскажите пожалуйста.
0 votes3 answers -
Затемнение
Можно средствами ксс и хтмл создать затемнение фона http://www.radikal.ru/action.aspx (в рамке)???
0 votes9 answers -
Помогите советом
Приветствую ! Хотелось бы попросить более опытных верстальщиков посоветовать: на картинке ниже то, как мне нужно сделать. Посоветуйте, как бы вы делали это ? Хочу просто понять, как делать такие надписи семантически правильно.
0 votes10 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-