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
-
Атрибут alt в <img> "на практике"
Здравствуйте. Не дает покоя вопрос практической оправданности использования атрибута alt в теге <img>. Прочитал одну статью, другую... Еще несколько. Никак не пойму. Что этот атрибут делает и когда используется - понятно. Подпись изображения (а точнее места под него) при недоступном файле или отключенной графике. НО. Первое. Кто-то в наше время отключает в браузере графику? Ну, разве что в "аварийных" ситуациях, когда нужно срочно выйти в Инет, а тариф дико дорог или канал неприлично мал (с мобильника в "лесах/горах" с дорогой Инет-услугой в пакете, например). Даже если и так, то, обычно вполне понятно по тексту, где "нужные" изображения. И с этой позиции атрибуты в…
0 votes9 answers -
Грамотная оптимизация графики.
Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …
0 votes9 answers -
0 votes9 answers
-
Шапка сайта
Доброго времени суток всем! Подскажите пожалуйста программы с помощью которых можно создать шапку для сайта я чайник в этом непростом деле . Буду рад за любую инфу.
0 votes9 answers -
Scroll внутри блока без полосы прокрутки
Задача: сделать scroll внутри div, избегая полосу прокрутки. Причина: полоса прокрутки не вписывается в дизайн сайта (ну как обычно). Выбранный путь: #block { position: absolute; height: 256px; width: 256px; overflow: hidden; } .info { position: relative; padding: 0; margin: 0; } #block:hover .info { position: absolute; bottom: 0; } <div id="block"> <p class="info"> Вот дом,<br> Который построил Джек.<br> <br><br> А это пшеница,<br> Которая в темном чулане хранится<br> В доме,<br> Который построил Джек.<br> <br><br> А это веселая птица-синица,<br> Которая часто ворует…
0 votes9 answers -
"Отцы" HTML, помогите!
Добрый день! Недавно начал изучать HTML и решил сам поэкспериментировать с таблицами. И конечно же у меня сразу возник вопрос, на который я сломав всю голову так и не смог найти ответ. Таблица "обтекает" картинку справа, а хотелось бы чтобы таблица находилась под картинкой. Есть мысль выйти из положения поставив кучу <br>, но это конечно же не выход. Имеется код <html> <head> <title>Моя первая тестовая страница</title> <meta http-equiv="Content-type" content="text/html" charset="windows-1251" </head> <body> <h2 align="center">Англоязычные сайты с пользой</h2> <img src="http://i057.radikal.ru/1210/fa/c9…
0 votes9 answers -
Скошенные уголки у элементов
Добрый день, я сейчас верстаю сайт для компании, и там часто встречаются такие скошенные уголки, при том элементы могут быть разного цвета я показала это на картинке ниже. Я сделала это псевдо элементами before и after, на фон них положила картинку с белым фоном что бы подходило в разных случаях, но может есть другое более универсальное решение?
0 votes9 answers -
IE7-8, border-radius, background
Помогите разобраться, почему в IE8 версии, крайний бордер "корявый" получается, в IE7 все ок. И еще, не могу понять, почему при ховере на ссылки беграунд разный, у первой ссылки и у всех остальных, это в IE7,8 версиях. пруф линк
0 votes9 answers -
Блок DIV во всю высоту
Имеются 3 блока див, должны быть все вытянуты по вертикали. Во втором(среднем) весь контент, в 1 и 3 рамка которая должна вытянуться до конца страницы(а не окна). Помогите с вытягиванием этих рамок по вертикали Код: CSS #vertical1{ padding-right:115px; position: relative; float: right; height: 100%; background: url(photo/grmk.png) repeat-y; clear: right; } #vertical2{ min-height:100%; padding-left:115px; position: relative; float: left; background: url(photo/grmk.png) repeat-y; clear: left; } body { min-height:100%; background-size:100%; position:relative; background-attachment:fixed; background-color:#CD96CD; background-position:right bottom…
0 votes9 answers -
Вопрос от новичка по созданию Меню
Доброго времени дня! Я новичек в веб-строительстве и ищу ответы на пару вопросов касательно реализации меню для сайта. Вопрос пока что имеет отношение только к хтмл верстке, тоесть про PHP речь пока не идет. Собственно говоря я понимаю каким образом с помощью CSS списки (<li>) преобразуются в вертикальное и горизонтальное меню, но это просто косметическое преобразование, а каким образом реализуется фнукциональная часть? Проще говоря, разжуйте пожалуйста, каким образом меню появляется на всех страницах? Оно дублируется в каждую, либо есть более простой способ? Поиском пользовался, конкретного ответа не нашел, буду благодарен за адекватный, развернутый ответ. Спасиб…
0 votes9 answers -
Проблема с кириллическими шрифтами.
Я столкнулся с проблемой реализации двуязычного сайта. Точнее подгрузки шрифта, чтобы сайт отображался на английском и русском языках. Выбранный шрифт - http://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…
0 votes9 answers -
Ie не поддержал градиент кнопки
Делаю кнопку с градиентом,казалось бы просто,но опера градиент не отображает!я так поняла у оперы проблемы с градиентом,но и IE 9 градиент не отобразил,хотя я вставила фильтр специально для IE. Во всех остальных браузерах проблем с отображением градиента у меня не возникло в данном примере.Что я делаю не так,подскажите,пожалуйста. Мой код здесь http://jsfiddle.net/eleonore/faVkX/
0 votes9 answers -
Помогите найти ссылки в коде
Добрый день! Народ, помогите пожалуйста найти ссылки в коде, они встроены прямо в шаблон. Все перерыл через total commander и вручную просмотрел возможные места. Ссылка на страницу где можно посмотреть ссылки здесь. Ссылки находятся в двух местах в блоках <div id="jb-jm"></div> Прикрепляю архив с файлами. Здесь не поместился, залил на народ. Вот ссылка 17.3 мб
0 votes9 answers -
font-gfamily не подхватывается в IE8
Здравствуйте. Пытаюсь IE8 научить подхватывать семейство шрифтов font-family, сделанные на font2web для Arrial Narrow Bold. Если посмотреть на верхнее меню сайта через IE8, то видно что результат отличается от Хромовского. Похоже IE8 использует обычный Arial. В справке для стиля font-family указано, что IE 8 должен его понимать. Но что-то не работает Какой выход, писать font: 20px Arial Narrow; font-weight:bold; отдельно для IE8?
0 votes9 answers -
цвета в HTML
Я нашел в википедии Х 11 статью с названиями цветов. Пробовал использовать их у себя на сайте - все работает. Но не знаю можно использовать названия цветов или нужно вводить код. Как правильнее?
0 votes9 answers -
Вёрстка большого количества страниц
Приветствую жителей форума! У меня к вам есть вопрос. Дело в том, что я изучаю вёрстку недавно и столкнулся с очень неприятной проблемой. Мне нужно было сверстать большое количество страниц одного сайта. На каждой странице было разное размещение информации. И для каждой страницы одинаковое положение и наполнение было только у шапки сайта и у подвала. Предположим, на главной была шапка, потом шёл блок со слайдером и подвал. На другой была шапка, две колонки (текст и форма обратной связи) и подвал. На третей опять шапка, после неё две колонки с новостями, которых в каждой колонке должно было быть по три штуки и для других страниц новостей должны были прикрутить скрипт, чт…
0 votes9 answers -
Не работает псевдо-класс first-child
http://jsfiddle.net/Jvbsj/ Подскажите пожалуйста почему здесь не работает first-child?
0 votes9 answers -
Разные картинки в таблице
День добрый! Имеем вот такой скрипт <script language="JavaScript" src="http://shop.digiseller.ru/asp/agent_g_src.asp?idn=81893"></script> и css <style> <!-- .table_goods { margin: auto; } .tr_head {} .td_head_name {padding: 3px; background-color:#ffffff;} .td_head_price {padding: 3px; background-color:#ffffff;} .head_name {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .head_price {12px; Verdana, Arial, Helvetica, Sans serif; font-weight:300; font-style:normal; color:#ffffff;} .tr_row { float: left; } .td_row_name { background: linear-gradient(top,#FDFDFD 0,#FCFCFC 10%,#F6F6F6 60%,#F0F0F0 80%,#EDED…
0 votes9 answers -
Растягивание контента при пустом правым sidebar'е
Здравствуйте нужна помощь, я уже запарился, все не по фен-шую них... Проблема заключается в том чтоб при пустом правом сайд-баре контент растягивался на всю ширину, а если там что-то имеется сужался и по низу не оптекал сайд-бар. Я додумался только вот до токого: <!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #main { width:300px; margin:0 auto; height:500px; background-color:#E4E4E4; } *{ margin:0; padding:0; } #block { float:right; /*background-color:#C9C;*/ width:100%; margin-left:-100px; } #content{ } #r-sidebar { width:100px; float:right; background-color:#66F; } …
0 votes9 answers -
Циклическая смена фона у div
Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }
0 votes9 answers -
Дайте пожалуйста статьи на создание блоков
Дайте пожалуйста статьи на создание блоков,рамок.
0 votes9 answers -
js-эффект
помогите пожалуйста отремонтировать js-эффект этого выпадающего меню проблема в том, что при наведении курсора оно разворачивается и тут же сворачивается. а должно разворачиваться при наведении и сворачиваться при отведении курсора
0 votes9 answers -
Открытие в новой вкладке ссылок через JavaScript
Приветствую всех! Я недавно зарегистрировался на вашем форуме. И вот решил задать такой вопрос. У меня например есть теги <div></div>, которые должны быть ссылкой. Делать так <a href="#"><div></div></a> не верно, а так <div onclick="window.location = 'index.html'"></div> можно. Но уже нельзя это дело открыть в новой вкладке, можно только кликать. Как сделать через JS, чтобы можно было открывать в новой вкладке?
0 votes9 answers -
Слой поверх слоя с overflow hidden
Здравствуйте. Прошу помощи в одной проблеме. Допустим у нас в шапке есть слой, в катором расположена Карусель (эта карусель работает через overflow: hidden, естественно), и теперь мне поверх этого слоя нужно сделать еще один слой: с меню или логотипом, например. И тут возникает проблема, что этого не получается сделать. Пробовал присваивать и абсолютное позиционирование, и z-index и отрицательные margin все равно слой с логотипом или меню попадает под слой с Каруселью. Сталкивался ли кто-нибудь с такой проблемой и можно что-то с этим поделать? Пример картинка, то что должно получится (1.Слайдер, должен находится под 2.Логотип и 2.Меню):
0 votes9 answers -
позиционирование...
Доброго вечера всем верстальщикам!!!) прошу руку помощи))) я пока учусь HTML и CSS , но уже кое что этом смыслю) на стандартном форуме юкоза (т.к. самодельный туда не всунешь, ибо он неприветствует посторонний PHP) решил поставить меню и отпозиционировать его так чтобы оно держалось всегда верхней части форума, никуда не съежало, т.е. было как 1 целое..!) позиционировал его как только можно и стандартный ucoz'овский код прошел через такие извращения... о_О ну В общем он не захотел здаваться. для div'a меню задаю position:absolute; сам блок форума запер в еще 1 div и так же задал ему позицию "absolute" . начав задавать координаты, вроде все пошло как по маслу, но когда я п…
0 votes9 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/
-