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 -
Как сделать элементы в одну строчку
Всем привет! Как сделать, чтобы эти кнопки были в одну строчку. main.tpl <div class="lb_soc_icons"> <ul class="lb_si_menu"> <li><a href="#">В</a></li> <li><a href="#">F</a></li> <li><a href="#">t</a></li> </ul> </div> style.css .lb_soc_icons { position:absolute; left: 15px; top: 5px; } ul.lb_si_menu li { margin-bottom: 3px; } ul.lb_si_menu li a { display: block; height: 30px; padding: 1px; width: 30px; font-size:16px; font-weight:bold; line-height: 30px; text-align:center; color:#3bb0ea; …
0 votes5 answers -
Подвал прижат к низу с повторяющимся background-ом
Уважаемые товарищи html-верстальщики и web-разработчики! Прошу вашей помощи! Фиксированный макет, подвал прижат к низу отрицательным marginом, html,body(height = 100%). Как задать для окна браузера повторяющийся бэкграунд на всю ширину и высоту страницы ?? Ведь высота получается ограниченной высотой body, а за её пределы выходит только фиксированный элемент, которые не на всю ширину. Посмотрел примеры, у всех сайтов, у которых подобный задний фон, у них футер не прижат к низу. но может есть какой то способ?
0 votes2 answers -
Обьект сьезжает при маштабировании экрана в браузере
Пивет всем решил стать не просто верстальщиком а настоящим web - мастером))) и понял что нуждаюсь в одномыслящих людях! Работодатель дал мне пробное задание по верстке,я все сдела, кроме одного - как только меняю маштаб в браузере то наблюдается очень маленький сдвиг кнопки (Обзор)от поля загрузки изображения, знаю что это не професионально так оставлять, вот ссылка - http://texts-web.com/proba/index.html попробуйте изменить масштаб в браузере!
0 votes3 answers -
Не могу в меню выстроить блоги горизонтально
Здравствуйте. Подскажите пожалуйста, как мне выстроить элементы меню вертикально, друг под другом. Сейчас они уезжают право друг за другом. Подробнее на картинке css код следующий .menu { margin:0; padding:0; display: table-row; background: #cccccc; border-bottom-style:solid; border-bottom-width: 3px; border-bottom-color:#666666; display:block; } .menu li { width: auto; display: table-cell; text-align: center; height: 30px; padding-left: 0px; position:relative; } li:first-child { padding: 0; } .menu li a { color: #000; position: relative; width: 1100px; height: 30px; display: table-cell; vertical…
0 votes1 answer -
непонятный отступ
помогите пожалуйста решить проблему нежелательного отступа верстаю почтовую рассылку. использую однопиксельную gif-распорку для позиционирования. при этом между этой распоркой и следующим элементом появляется отступ, который виден в ie6, ie7 и во многих почтовых клиентах при получении письма(например в yandex) dragonfly показывает непонятный символ пробовал в коде убирать все пробелы между тэгами, не помогло пробовал обернуть gif-распорку в контейнер со style="line-height: 0" , не помогло
0 votes3 answers -
Резиновый дизайн
Задача: все колонки резиновые и общий слой по центру страницы. Верно ли я сделал? Подскажите каким еще способом можно? <html> <head> <title>iRock-Виртуальный любимец Rock</title> <link rel="stylesheet" href="style.css" type="text/css"> <script> </script> </head> <body > <div id="content"> <div id="rock"> <p>В виде приложения под Андроид доступен справочник «Рецепты CSS», в котором собраны ответы на популярные вопросы, касательно оформления элементов веб-страниц. Все рецепты систематизированы по категориям, содержат таблицу поддерживаемых браузеров, пример и результаты вы…
0 votes1 answer -
конфликт jquery
Подскажите, пожалуйста, как грамотно совместить два скрипта? Первый (подключается через отдельный файл): $(document).ready(function() { $('#menu > li > ul' ) .hide() .click(function(event) { event.stopPropagation(); }); $('#menu > li').toggle(function() { $(this).find('ul').slideDown(); }, function() { $(this).find('ul').slideUp(); }); }); Второй (прописан в body): <script type="text/javascript"> jQuery.noConflict(); jQuery(document).ready(function() { jQuery('#sigplus_catalogos_regalo').imageSlider({ itemCount: 4, showButtons: true, showLinks: true, showPageCounter: true, alignment: 'center', orientation: 'horizontal', navigation: 'bottom', fi…
0 votes2 answers -
position:fixed
как сделать чтобы ,,logo'', с position:fixed не просвечивал другие элементы со страницы, (opacity - не помогает.) ? заранее спасибо!
0 votes2 answers -
Bootstrap или....?
Привет. Интересно чем пользуются обитатели этого форума? Есть что-то похожее?
0 votes1 answer -
Форма ввода из ниоткуда
Я начинающий верстальщик. Вот моя проблема. Есть html и css файл.Их содержание представлено здесь. На случай если не будет работать сайт вот фото: Как видите над таблицей появляется форма ввода. Если нажать сюда и кликнуть правой кнопкой мыши по форме ввода и выбрать "Проинспектировать элемент"(это в Опере, в Гугл Хром жмем "Просмотр кода элемента") то видно что поле ввода создано из-за строчки с тегом input. Подскажите как input влияет на поле ввода и как его убрать. Благодарю заранее.
0 votes2 answers -
Соответствие верстки и содержимого WYSIWYG редактора контента
Здравствуйте! Часто контентщики сайта жалуются, что содержимое контента страницы в WYSIWYG редакторе в админке (например TinyMCE) отображается не так как на фронтэнде (например, отступы между абзацами в WYSIWYG редакторе отображаются, а на сайте это в стилях может быть не прописано). В связи с этим вопрос: затачивают ли верстальщики верстку под WYSIWIG редактор контента и существует ли некий набор общих правил и стандартов для WYSIWYG редакторов или же надо для каждого сайта настраивать редактор контента под верстку этого сайта, но тогда тут тоже должен быть некий набор правил?
0 votes3 answers -
Какими способами можно сделать псевдо 3D блок
Ребята, подскажите пожалуйста, какими способами можно добиться вот такого вот эффекта, как на картинке? Код приводить не обязательно - можно просто дать направление... просто идей что-то совсем нет...
0 votes3 answers -
Как сделать, чтобы ® было маленькое и сверху?
маленькое ® сверху справа, около товара как сделать в css? в html понятно <sup>®</sup> дело в том, что создаю пункт меню в джумле, там потому не html, а просто текстом ввожу название. вот можно ли как-то применить css именно к этому символу?
0 votes4 answers -
Поведение вертикального меню оформленного через списки
Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…
0 votes0 answers -
При добавлении в сборку js файла перестал работать слайдер
Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться
0 votes0 answers -
Градиентное изображение
Вся шапка сайта это отдельный фрейм. В нем 3 рисунка. Первый логотип, второй логотип, а третий хочу растянуть на все оставшееся место. Проблема в том что сам фрейм уже подгружает файл css. И пробовал по всякому стандартными средствами. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <link rel="stylesheet" type="text/css" href="style.css"> <html> <head> <title>frlogo</title> </head> <body> <a href="index.html"><img src="logo.bmp" align="left" height="60" width="100" hspace="0" vspace="0" border="0"></a> <a href="index.html"><img src="logo2.bmp" align="left" height="60" widt…
0 votes0 answers -
Проблема с бэкграундом
Всем привет. По сути: Пытаюсь сверстать шаблон-тему. Нужно задать бэкграунд основному диву (#content), но по неизвестной мне причине выходит чёрти что. Вот это чёрти что: Сам бэкграунд это фрагмент (center.jpg 739x20), который должен повторяться на всю высоту дива #content, но он почему-то повторяется только два раза . Умаялся уже искать ошибку, подскажите пожалуйста почему так получается, я в ступоре..... Вот здесь сам макет , а здесь CSS
0 votes2 answers -
nouislider
Привет, пока вообще не дружу с nouislider, https://jsfiddle.net/royxth58/1/ , вообще не понимаю что и как добавлять, чтобы получился слайдер, как на картинке, помогите, пожалуйста, благодарю заранее, левое значение должно меняться в соответствии с расположение ползунка, главное сам функционал
0 votes0 answers -
Отсутствие скроллбара в ИЕ8
В процессе натолкнулся на такую штуку в ИЕ8 (не в режиме совместимости, а именно в режиме "стандартный ИЕ8"): <!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> <title>IE8 scroller test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- html, body { margin: 0; padding: 0; } .scroller { overflow: auto; width:19px; height: 200px; position: absolute; } .scroll_helper { height:500px; } --> </style> </head> <body> <div class…
0 votes0 answers -
IE WebDeveloper V2. Изменяет свойства стилей. Так и должно быть? :(
Скачал прогу: IE WebDeveloper V2. Нормально ли она работает? Когда выбираю на панели webpage inspector свой инпут, то он подсвечивается красной рамкой и, как мне кажется, изменяет какие то стили объекта для его отображения. Прикрепил картинку. Первый вариант - фактический вид, второй вариант - тогда когда выбран инпут в окне инспектора: Это у моей проге глюки? Или это нормальный режим работы программы? Как смотреть свойства стилей, если программа их меняет при выборе объекта?
0 votes1 answer -
Заполненное поле описание при создании закладки
При добавлении в браузере Opera закладок на сайты, я обратил внимание, что некоторые закладки имеют поле "описание" уже заполненное полезной информацией. Как этого можно добиться?
0 votes2 answers -
цифирки
уважаемые форумчане подскажите пожалуйста как сделать так чтобы можно было выбирать значение числа (не раскрывающийся список) тоесть есть поле с числом а рядом две кнопки одна при нажатии увеличивает число на 1 другая уменьшает
0 votes3 answers -
Тег Select атрибут Size
Кто нибудь знает, что за баг с тегом атрибутом size тега select в Google Chrome? При значении size <=4 отображается 4 элемента списка. В других браузерах нормально. Поиск в гугл ничего не дал. Только какой-то старый топик, в котором говорят, что это такая особенность хрома. Когда фиксить будут неизвестно. Как перебороть может знает кто?
0 votes2 answers -
Модуль смены картинок с слайдером под ним
На главную сайта хочу сделать 5-6 меняющихся больших фотографий, и под ними слайдер с точками или квадратиками (как на nvidia.com), которые переклачаются вместе с фотографиями. Ну пример вот - http://www.franckmuller.com/ Подскажите как вообще такая штука называется, ну и может быть есть готовые решения. Спасибо!
0 votes3 answers