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
-
Фиолетовая граница картинки и при зажатии красная
Верстаю страничку и в слайдере картинок возникла проблема кода на фиолетовую границу картинки или на красную вообще и впомине нету к картинкам только один код у меня стоит width:100%;border:4px solid #fff;-webkit-box-shadow:0 1px 5px 0 #4a4a4a;-moz-box-shadow:0 1px 5px 0 #4a4a4a;box-shadow:0 1px 5px 0 #4a4a4a вот картинка
0 votes4 answers -
В каком стандарте описан тег <image> (не <img>) ?
В общем случайно обнаружил что такой код вполне рабочий: <image src="images/logo.png" alt="Экодом" width="140" height="148" /> Картинка отображается в Chrome, FF, IE. Кроме того, тег image подсвечивается в Notepad ++ Однако валидатор выдает непонятную ошибку: Line 18, Column 115: Saw a start tag image. …ную"><image src="images/logo.png" alt="Экодом" width="140" height="148" /></a> Доктайп <!DOCTYPE html> В dom-инспекторе хрома элемент отображается как img. Вопрос - что это за тег такой и в какой спецификации он описан? Кстати мне он симпатизирует больше чем img
0 votes4 answers -
Есть ли смысл писать семейство шрифтов?
Мы часто пишем font-family: Arial, Georgia , Tahoma; Есть ли в этом смысл? Не достаточно ли оставить только Arial?
0 votes4 answers -
Почему вкривь и вкось?
Здравствуйте. Использую сторонний компонент и никак не могу понять, отчего изображения в рамках сдвигаются вправо и вниз? Здесь пример Благодарю.
0 votes4 answers -
Кнопка background
Доброго времени господа! Помогите пожалуйста решить проблему: мне нужно сделать кнопки меню одинаковой ширины, сейчас при задании background картинки - кнопки получаются такой же длины как и текст меню, от этого все меню получается разной ширины,смотрится ужасно. Подскажите как сделать так, чтобы кнопки были определенной заданной ширины??? .sidebar { color: #333333; margin-bottom: 10px; margin-left: 0; margin-right: 0 !important; } .sidebar-right { } .sidebar-left { margin-left: 7px; } .sidebar-left h2 { } .sidebar-right h2 { } .sidebar a { background: url("images/h2bg2.png") repeat-x scroll 0 0 transparent; background-size: 100% 100%; …
0 votes4 answers -
Выделение рисунка при наведении мыши
Есть карта мира (предоставленная клиентом). Есть области, которые нужно выделить. При наведении на них мышкой они должны выделятся границей местности. Как сделать, чтобы они выделялись именно под указателем мышки. Сайт на joomla 1.5
0 votes4 answers -
Адаптивный дизайн 2014-2015
Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 2015 год, но чтобы одновременно не потерять сегодняшних посетителей. Основные посетители сегодня 1280-1600пх(70%), 1024пх(12%) Решил делать следующее - Макет фиксированный, адаптивный. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> width: 920px; две колонки - для всех кто не понимает ЦСС3, для тех кто понимает ЦСС3 с мониторами до 1200пх. width: 1240px; три колонки - для всех кто понимает ЦСС3, и для мониторов от 120…
0 votes4 answers -
Нужна помощь в реализации не стандартного Tabs
в рисунке я отметил область 1 пункта и это область полностью активна. помогите разобраться как сделать так чтобы ссылка была там где она должна быть, а не во весь блок.
0 votes4 answers -
https перечеркнуто в хроме
Подскажите почему https перечеркнуто в хроме Не отображается левая менюшка с категориями в IE9, только если нажать "Понимаю факторы риска" Установлен SSl сертификат на хостинге.. Посмотреть можно здесь сцылка
0 votes4 answers -
Форма
сверстал форму. Источник Мои вопросы: 1.) Почему в #wrapperF h2 текст не прижимается полностью к контейнеру h2(откуда берутся отступы на 7px сверху и на 3px от левого края)? Из-за этого у меня высота больше положенной. 2.) Что делать с #formFooter a ведь при уменьшении масштаба браузера(да и при увеличении), ему не хватает места(кстати почему?) и часть текста перепрыгивает вниз. 3.) Возможно как то ещё увеличить скорость загрузки формы(я уже оптимизировал png если что)
0 votes4 answers -
Что быстрее css3 или картинки ?
Есть окно (на div'ах) которое с помощью js перетаскивается.Проблема в том что само окно сделано из градиентов и прочих прелестей css и имеет прозрачность. Анимация перетаскивания тормозит и поэтому я думаю что если бы это были gif/png картинки с прозрачностью, то тормоза бы уменьшились. Может кто сталкивался, верна ли моя теория или нет ? стоил ли переделывать всё или это не поможет. Понятно что в практике видно будет, но всё же...
0 votes4 answers -
Дайте пинок :)
Добрый день! Запутался я Небольшая предыстория. Начну с того, что изучил HTML и CSS в центре "Специалист", после окончания многое осталось непонятным. Стал потрошить Яшу в поисках статей, уроков и т.д, В общем хотел заполнить пробелы которые остались после курсов. Все это дело потребовало 2х месяцев. Далее я решил пойти на курсы JS, они шли 4 дня, стоили 7т. руб. Уже со второго занятия я вообще не понимал о чем толкует преподаватель. В итоге пожалел что вообще на них записался, ибо вся информация есть в сети. Но собирать её по крупицам занимает много времени. Я пытался изучать php,js,mysql в сети, в итоге в голове полная "каша" и толком то я ничего из этого не знаю. Ну…
0 votes4 answers -
Вопрос по верстке
А можно ли сделать так, чтобы какой-то отдельный стиль грузился для всех браузеров, а для одного другого браузера подгружался другой стиль? То есть написать для одного конкретного браузера свой стиль, и чтобы только он его использовал. Надесь вы меня поняли
0 votes4 answers -
Размещение картинки в центре слоя
Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.
0 votes4 answers -
div
Здравствуйте,я не очень разбираюсь в коде (как вы уже поняли).Вот такой вопрос <div> class=menu></div> Это я создал блок (как я понимаю).В css прописываем его св-ва #menu { width: 650px; margin: -20px auto 0; height: 20px; background: #BFF08E; position: relative; Это я так понимаю в блоке div мы расположили ссылки. <div class="sidebar" id="sideLeft"> <ul> <li><a href="music/index.php">Музыка</a> <li><a href="film/index.php">Фильмы</a> <li><a href="clips/index.php">Клипы</a> <li><a href="forum/index.php">Форум</a> </ul&g…
0 votes4 answers -
HTML5 : всё ли так безоблачно?
На сайте: http://e.mars-development.com/ прочел буквально следующее : "Структурyрные возможности HTML5 делают структуру веб-документа более простой, а код чище. Новые семантические элементы header, nav, section, article, aside, и footer могут использоваться вместо контейнеров div, применяющихся сейчас в HTML4.0. " Действительно ли всё так безоблачно? И возможно ли применение языка HTML5 в старых браузерах? Я слышал, что и в новых то браузерах HTML5 не полностью возможно использовать.
0 votes4 answers -
Сделать отступ сверху
Есть сайт http://garantks.ru/ , на нём меню, и вот нужно сделать отступ слов О компани и т.д. чуть вниз, не могу разобраться. кто поможет кину сотку на киви кошелёк
0 votes4 answers -
Верстка под IE 6
Добрый день друзья, закасчик попросил верстку с IE6, ну в тз не было про это, во всех браузерах отобрается нормально и IE 8+ , в 7-ой версии не проверял=) нужно сверстать под IE6, хочу подключить отдельный файл с помощью условных комментариев, но не смог написать.=( макет фиксированный 2 колонки, сайт _http://okno-m.ru/ впринципе проблема тока одна которую не могу решить это блок с контентом переносится на новую строку... @import url("reset.css"); @import url("slider.css"); @import url("drop_down.css"); @import url("contact.css"); body { font: 9pt/1.4 Verdana, Geneva, sans-serif; margin: 0; padding: 0; color: #000; background: -webkit-linear-gradient(top, #fbfc…
0 votes4 answers -
как сделать анимированный gif?
как сделать анимированный gif ajaxload? через сервис ajaxload.info можно сделать просто статический gif, а как сделать анимированный ? или может есть другие варианты?
0 votes4 answers -
Таблицы, браузеры...
Создается таблица, в первой колонке одна ячейка, во второй - 3. <table border="0"> <tbody> <tr> <td style="width: 85%;" rowspan="3"> тут очень много текста</td> <td style="height: 34%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <tr> <td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <tr> <td style="height: 33%; width: 15%;" align="center" valign="middle">Здесь идут некие заметки на полях, занимающие пару строк</td> </tr> <…
0 votes4 answers -
требования к атрибуту class
Собственно, вопрос в следующем, какие применимы требования к описанию атрибута class в HTML4 и HTML5. Можно ли описывать следующим образом? class="elem1-subelem2-x:3-y:7-z" Буквально, простыми словами или ссылкой на спецификацию. За ссылку на параграф спецификации, дополнительное спасибо.
0 votes4 answers -
JS
Доброго времени суток!Дали задание,а я js только начала изучать...Помогите,пож-та,разобрать код <script> var color = ['1b737d', 'be3434']; function hex2dec(rgb) { rgb = parseInt(rgb, 16); return [rgb>>16, (rgb&0xFF00)>>8, rgb&0xFF]; } function getColor(color1, color2, i, n) { a1 = hex2dec(color1); a2 = hex2dec(color2); color_ar = []; for (var r=0; r<3; r++) { color_ar[r] = Math.round(a1[r] + (a2[r] - a1[r])*i/n).toString(16); color_ar[r] = color_ar[r].length == 1 ? '0' + color_ar[r] : color_ar[r]; } return '#' + color_ar[0] + color_ar[1] + color_ar[2]; } var str = ''; var str_ar = $(".gradient").text().split…
0 votes4 answers -
Почему один стиль главнее другого?
Здравствуйте. Вот страница. Внизу страницы есть бар с рекламой, имеющей класс dorusbar. Через layout.css в самом конце файла пытаюсь задать правое расположение этому значку с помощью стиля .dorusbar { float:right !important; } Если убрать !important, то стиль этого же файла #footer div { float: left; font-size: 0.8em; line-height: 1.7em; } не позволяет сместить иконку вправо, хотя и находится выше по файлу. Отчего так?
0 votes4 answers -
индикатор загрузки
как сделать что бы до загрузки страницы в ее центре работал анимированный гиф, а после загрузки исчезал?
0 votes4 answers -
Помогите с кругляшами
Друзья, вот знаю что можно заверстать круглые уголки на меню двумя спосабами. 1. Сделать все пункты меню примерно одинаковыми по длинне и просто пихнуть одинаковую картинку в фон. 2. Подставить вторую половинку с другими углами рядом А что делать, если ни первый вариант, ни второй реализовать не возможно? Речь идет, только если в фоне именно картинка. Пример - см. рисунок позиция 1. И еще интересует можно ли сделать покрасивше позицию 2?
0 votes4 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/
-