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
-
Как выровнять картинку по центру в css - я читал эту тему в основных вопросах htmlbook - не получается
Ребята привет! Я верстаю сайт с помощью div, у меня весь сайт на div Как выровнять картинку по центру внутри div-блока? Я читал эту тему! http://htmlbook.ru/faq/kak-vyrovnyat-fotografiyu-po-tsentru-veb-stranitsy У меня не получается. Я сейчас выравниваю с помощью margin - но мне не нравится, сейчас напишу почему Вот что есть HTML <p> Шаг 43: <br> <br> Выберите Exponential для цвета маппинга измените ее настройки как на картинку ниже. </p> <br> <div class="img34"> <p><img src="img/urok1/clip image034.jpg" width=70% height=70% alt="clip image034";></p> </div> <br> <p> Шаг 44: <br> <br> Сл…
0 votes4 answers -
подсветка ссылки
есть ссылка на картинке и я хочу, что бы при наведении на нее мышки она подсвечивалась, то бишь становилась чуть светлее. проблема в том, что если поставить .onIndex:hover {opacity: 0.8} то будет просвечивать другая картинка, задний фон и все объекты сзади. это очень не желательно. пробовал в фш создать еще картинку, но чуть высветленную и поставить просто в блоке background: URL(images/onindex.png); а в :hover высветленную, но он не хочет вообще ставить ничего в бэкгроунд. пробовал на javascript поставить do { document.onmain.src = "images/opacity_onindex.png"; } while (document.onmain.onmouseover); страница зависает при наведении очень жду ваших предложений, второй …
0 votes4 answers -
Как сверстать такое?
В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.
0 votes5 answers -
Обтекание картинки текстом
Понемногу изучая html наткнулся на вот эту уже старенькую статью http://rmcreative.ru/blog/post/slozhnoe-obtekanie-tekstom вот тут подобное задание, http://www.artlebedev.ru/job/might-be-hard/ решил ради интереса повторить, вышло вот такое: http://codepen.io/anon/pen/eJKKbb у но я не могу понять как сделать обтекание со второй стороны, как в случае с яблоком, ведь float left будет прижиматься к правому краю, предполагаю что решение может быть тут: https://css-tricks.com/snippets/css/a-guide-to-flexbox но с английским не идеально, и пока что статью не осилил ..
0 votes1 answer -
Центрирование блоков, исключая последней строки
У меня контент состоит из квадратных блоков фиксированных размеров. Нужно сделать адаптивный дизайн, так чтобы блоки размещались построчно. При этом они должны быть по центру экрана по ширине. Я сделал так: https://jsfiddle.net/t3mbvvbo/ Но в последнем ряду, если блоков не хватает до ширины экрана, они также по центру. А нужно, чтобы они были по левому краю. Как это сделать?
0 votes3 answers -
Помогите создать верстку
Никогда не занимался этим. С чего начать? В частности интересует для начала сделать шапку из лого, 2 ссылок и 3 кнопок на соц сети. макет.rar
0 votes2 answers -
Форма уведомления об использовании cookie для сайта
Уважаемые форумчане, подскажите, пожалуйста, скрипт, виджет или другое решение для размещения на страницах сайта уведомления об использовании cookie в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ "О персональных данных" со следующими элементами: - кнопки "Согласен" (при ее использовании уведомление исчезает и больше не появляется ни на одной странице сайта) и "Не согласен" (при ее использовании сайт закрывается); - ссылка на документ "Политика конфиденциальности персональных данных".
0 votes0 answers -
При наведені підстрибує текст
При наведені на навігацію підстрибує текст! What should I do? https://fluffy-kringle-4f9fb0.netlify.app/
0 votes1 answer -
Опять robots.txt
Насколько знаю, есть возможность в robots.txt отключить индексацию поисковиками определ?нного каталога. вот что у меня в robots.txt User-agent: * Disallow: что дописать, чтоб каталог ./too который лежит в корне, не индексировался. p.s. рекомендованый на форуме ресурс http://robotstxt.org.ru/ не доступен
0 votes3 answers -
Во всю ширину страницы
http://www.mafia2zone.narod.ru/test.html как сделать верхнюю часть (логотип, 2 картинки по бокам и линию) во всю ширину страницы? Просто по бокам остаются чёрные пробелы, а я хочу, чтобы верхушка была во всю ширину спасибо
0 votes2 answers -
Как загружается Javascript?
Здравствуйте. У меня такой вопрос. если у меня на сайте несколько java скриптов, как они будут загружаться ? То есть все сразу при первом входе на сайт, только один, функция которого выполняется, или только сама функция большого java скрипта?
0 votes1 answer -
Экспорт из ЖЖ
Можно ли сделать экспорт из ЖЖ к себе на сайт, в раздел "Блог". Чтобы на сайте отображались названия несколькольких последних статей или их первые строчки.
0 votes3 answers -
Как программно установить focus на злемент
Как в макросе VB для FrontPage? 1. установить "фокус" на таблицу 2. двигать курсор (up, down, left, rigt, ctrl+page up, ets)
0 votes3 answers -
Как разрулить ситуацию с onclick
Есть выпадающее меню на div. Вызывается при помощи клика мыши на каком нить объекте. <img ... onclick="myPopup()">. Далее есть обработчик document.onclick который проверяет, есть ли под курсором меню и если есть то закрывает его. Сделано это для того что бы можно было кликнув мимо закрыть попап. В том случае если изначально меню открывается под курсором, то все нормально. Если же меню открываеться в стороне, то после img onclick открывающего меню, сразу же срабатывает document.oncick закрывающий меню. Требуется совет как разрулить ситуацию. Я вижу 2 возможности: 1. При открытии меню под ним на весь экран делать какой слой. Не хочется так как громоздко. 2. Как то уд…
0 votes11 answers -
Подскажите с фиксированным фоном
В чем собстввенно проблема. Я хочу сделать дизайн с фиксированным фоном во всю ширину и длину страницы. Я знаю что можно это сделать через дивы например, но важно не это. Как мне сделать так что бы заходя на страницу у пользователя определялась разрешение монитора и в соответствии с этим на фон выставлялась нужная картинка. Помогите! Очень прошу! Облазил весь гугл и яндекс, не чего нету. Нашел только вариант с разными страницами...тобиш пользователь заходит на сайт если у него одно разрешение попадет на одну страницу, если другое то на другую.Этот вариант мне не катит так как придется дублировать все страницы. Попрошу поподробней разьяснить пожалуста. Заранее спасибо.
0 votes10 answers -
Тег Iframe в IE6
Всем привет. Есть проблема в IE6 с тегом iframe. В сайдбаре стоит плеер с видео ютуба. В блоке контента есть фотки. Они открываются через jQuery галерею fancybox. Когда фотка открывается, то плеер ютуба находится поверх этой фотки, т.е. закрывает небольшую часть. Проблема именно в ИЕ6 Что можно придумать? <iframe title="YouTube video player" width="300" height="200" src="http://www.youtube.com/embed/...." frameborder="0" allowfullscreen> Ваш браузер не поддерживает плавающие фреймы! </iframe>
0 votes2 answers -
маленькие проблемки
пишу сайт и столкнулся с проблемой: сделал фиксированный сайт(шириной 1024рх) таблицей, и выровнял её по середине div align="center" ко всей таблице(у меня например широкоформатный монитор и слева сайт не смотрится ), и когда я зашел на него с работы с маленького монитора сайт был вплотную слева, а справа была белая полоса. В чём может быть проблема? как исправить? и вот еще такой вопрос: как сделать чтобы фоновая картинка была под любое окно? т.е. чтобы в любом окне она была целой!
0 votes4 answers -
Организация таба
Ребят подскажите, каким способом можно сверстать такой таб. Я нашел такое http://www.pmob.co.uk/temp/tabmenu_mine2.htm , но мне не подходит т.к. задний фон белый, подскажите пожалуйста или дайте ресурс где можно прочесть. Календарь сверстан табилцами.
0 votes11 answers -
помогите с selected
Здравствуйте, я новичек в верстке. У меня не получается что бы ,если страница открыта ,то пункт меню стал выделенным (selected) сначала работало ,но потом я что-то изменил и перестало работать. Еще не подскажете как выровнять меню по центру? Заранее благодарен! <!DOCTYPE html> <html> <head> <title>HTML</title> <meta name="keywords" content="HTML, META, метатег, тег, поисковая система"> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> <style> body { margin: 0; } header { display: block; /* Для ста…
0 votes6 answers -
Проблемы с кешом
Такая ситуация - на сайте много картинок, их и так делаю как возможно меньше размером и весом, еще прикол в том, что наводишь на объект-картинку - и должна появляться еще картинка. Но оно чего-то догружается только при наведении, то есть еще занимает время и человек незнающий это и у которого медленный интернет вообще может не дождаться этого и отвести курсор. Как сделать чтобы все загрузилось быстрее и сразу при открытии страницы. И еще проблема в том, что некоторые изменения на сайте не отображаются пока не очистишь кеш браузера. Понимаю что упустил работу с кешом, точнее вообще не знаком с тем, как решать подобное. Прошу, братцы, помогите мне! Для наглядности кидаю ссы…
0 votes6 answers -
Как сделать, чтобы цвет маркеров в списке отличался от цвета текста? Без спана. Без картинок.
Знаю, что знатоки любят головоломки по верстке, поэтому предлагаю вот такую задачку, которую сегодня пришлось решать. И, что порадовало и удивило, успешно) Чтобы все было по честному, результат будет сделан картинкой (чтобы не повадно было посмотреть css), html-код я прикладываю. Итак, есть такая статья «Как сделать, чтобы цвет маркеров в списке отличался от цвета текста?», там предложен способ с тэгом span. А можно ли добиться того же эффекта без спана? И, естественно, без картинок, чистым css? Что скажете? В общем, предлагаю подумать над css. Уверен, что решение будет в ближайшие пару часов. Если нет, тогда поделюсь своим, которое, имхо, вполне удачное. Просто очень ин…
0 votes5 answers -
Резиновая шапка
Друзья! Прошу помочь, если есть возможность. Нужно в .css как то указать, что бы фоновая картинка, которая будет шапкой сайта, была резиновая. weight = (к примеру) 80% в background-image не помогает. Возможно есть еще какие то способы, подскажите если не сложно Цель вообще такая. Нужно, что бы шапкой сайта, служила картинка, но она могла растягиваться и сужаться, как и весь сайт, если у пользователей разное разрешение. Как мне этого добиться Извиняйте, если где то ошибаюсь и неправильно рассуждаю, учу html и css пару недель
0 votes9 answers -
При подключении css, визуально пропадает весь контент
Доброго времени суток, господа. Подскажите, вот такая странная ситуация, есть страница, есть лист стиля, сама страница работает нормально, а при подключении стиля все ссылки и тексты исчезают из поля зрения, т.е. в результате пользователь видит просто стилизованную страницу без текста и ссылок, хотя если в браузере сделать просмотр html кода, то там всё есть. Что за магия, можете подсказать? ниже представлен css код. * {margin: 0;padding: 0;} html {height: 100%;} header, nav, section, article, aside, footer {display: block;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;height: 100%; background-image:url(bg.png); background-color:#000000; background-size:100…
0 votes2 answers -
Поля формы растянуть на 100%
Здравствуйте. Я вопрос нарисую. Можно ли сделать вот так: Поле формы растягивается на всю ширину, но при этом левый край упирается в метку.
0 votes1 answer -
Элемент с абсолютным позиционированием блокирует ссылку
Здравствуйте. Создаю новый топик,так как старый изначально создался пустым и щас его никто не замечает. У меня возникла проблема после переверстки шапки на сайте http://newzveriki.ucoz.com/ . Зеленая картинка-ссылка "зверики.com" перестала работать,но если убрать у #headCenter абсолютное позиционирование,все приходит в норму.Как вообще может чему-то мешать элемент,которого нет в потоке,и как это исправить?
0 votes2 answers