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 -
Как создать кнопку с помощью ::before
Доброе время суток! Такая проблема не могу сообразить как создать кнопку с помощью::before. Скриншот прилагаю http://clip2net.com/s/3BzTltY
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 -
проблемы с границами
несмотря на то, что границы блока заданы жестко, текст вылезает за его пределы (ну, или появляются полосы прокрутки при добавлении owerflow: auto") HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="scroll"></div> CSS #scroll { position: relative; width: 270px; height: 150px; overflow: auto } .item { margin-bottom: 6px } .name { cursor: hand } JavaScript var oScroll=document.getElementById("scroll"); htmlMessage+="<div class='item' style='color:"+color+";'>"; htmlMessage+="<div class='name' onclick='priv(""+name+"")'><b>"+name+"&…
0 votes0 answers -
Опять 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 -
h1 и joomla
Все доброго времени суток ! грабля такая... в материале jooml-ы всталяю таблицу с текстом в <h1> <table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td><h1>Cвинина</h1></td> <td><h1>Курица</h1></td> <td><h1>Индейка</h1></td> </tr> </table> а на реале получаться <h2> ! - когда смотрю код в firebug.... и соотв для поисковиком это не есть гуд... может кто сталкивался ?
0 votes5 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 -
Как задать размер для sans-serif?
Прописал с стилях использовать sans-serif, в случае, если нету основного шрифта (он у меня нестандартный). Задаю размеры в em для основного - всё гуд. Для тестирования удаляю чтобы глянуть какой шрифт система подставит и наблюдаю более крупные размеры, что аж не вмещается(( Как укротить sans-serif? Пример до и после:
0 votes6 answers -
Проблемы с кешом
Такая ситуация - на сайте много картинок, их и так делаю как возможно меньше размером и весом, еще прикол в том, что наводишь на объект-картинку - и должна появляться еще картинка. Но оно чего-то догружается только при наведении, то есть еще занимает время и человек незнающий это и у которого медленный интернет вообще может не дождаться этого и отвести курсор. Как сделать чтобы все загрузилось быстрее и сразу при открытии страницы. И еще проблема в том, что некоторые изменения на сайте не отображаются пока не очистишь кеш браузера. Понимаю что упустил работу с кешом, точнее вообще не знаком с тем, как решать подобное. Прошу, братцы, помогите мне! Для наглядности кидаю ссы…
0 votes6 answers -
Как сделать, чтобы цвет маркеров в списке отличался от цвета текста? Без спана. Без картинок.
Знаю, что знатоки любят головоломки по верстке, поэтому предлагаю вот такую задачку, которую сегодня пришлось решать. И, что порадовало и удивило, успешно) Чтобы все было по честному, результат будет сделан картинкой (чтобы не повадно было посмотреть css), html-код я прикладываю. Итак, есть такая статья «Как сделать, чтобы цвет маркеров в списке отличался от цвета текста?», там предложен способ с тэгом span. А можно ли добиться того же эффекта без спана? И, естественно, без картинок, чистым css? Что скажете? В общем, предлагаю подумать над css. Уверен, что решение будет в ближайшие пару часов. Если нет, тогда поделюсь своим, которое, имхо, вполне удачное. Просто очень ин…
0 votes5 answers