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
-
Как сделать колонки в каркасе из 3 колонок резиновыми
Доброго дня.Всем привет.Если кто-то сможет мне помочь, буду очень благодарен.Суть проблемы: Имеется фиксированный шаблон из 3 колонок.Как сделать 2(центральную и правую) колонки в каркасе резиновыми? Т.е. они должны тянуться.В правой колонке фото.Его видно на 30%.Надо чтобы потянув за границу правой колонки можно было открыть все фото.
0 votes14 answers -
Отцентрировать согласно неизвестной высоте
Здравствуйте. Может, кто-то сможет подсказать? Есть что-то вроде тултипа - всплывает при наведении напротив каждого пункта. Но считает только top. А хотелось бы его отцентрировать, но высота тултипа может быть разной. Код ниже. Сайт - http://top-matras.ru/seriya-premium/hardstyle-medium-s1000/, тултип в "Составе модели" function layers_box_open(o) { var _id = $(o).attr('data-layersLink-key'); if (_id) { var top = (($("[data-layersLink-key='"+_id+"']").offset().top)-$(".js-layers_wrap").offset().top); $('.layers_box_wrap', '.js-layers_key-' + _id).css({'visibility':'visible', 'top' : top + 'px'}); }}
0 votes13 answers -
Как обьеденить все
Как обьеденить все в одну строчку. Скрины прилагаются того что должно и что получилось. Вот что получилось. Получается что, когда создается второй и пытаюсь соеденить со вторым, с помощью margin то не красиво получаестя.
0 votes3 answers -
Автозаполнение форм логина и пароля
добрый день. столкнулся с проблемой автозаполнения, похожих тем не нашел. при первом заполнении в браузере гугл предлагает сохранить логин и пароль(сохраняю).(в остальных браузерах принудительно и та же проблема - пробовали на разных компьютерах) при повторном логине появляется автозаполение полей(1 автозапо-ние.jpg), выбрав доступные - заполняется только строчка логина.(2 автозапо-ние.jpg) в идеале хотелось бы что бы заполнялись обе строчки(логина и пароля) <div id="login" style="display: none" title="Регистрация"> <table><tr><td><span style="font-size: 15px">Имя пользователя:</span></td><…
0 votes2 answers -
IE добавляет 10px
Весь день бьюсь над простым кодом, весь inet облазил, решения так и не нашел. В FF и Opera все ok!, а IE почему-то ведет себя вообще непонятно. вот код: Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>div</title> <style type='text/css'> #box1 { width:100px; height:100px; background-color:red; border: 4px solid black; float:left; } #box2 { width:100px; height:100px; background-color:red; border: 4px solid black; float:left; } #box3 { width:100px; height:100px; background-color:red; border: 4px solid black; float:left; } #box4 { width:100p…
0 votes1 answer -
bg no repeat не помогает...
Доброго времени суток! проблемы собсна 2: 1-ая: при разрешении 1280х768 в колонке справа повторяется фон средней колонки. пытался описать колонки так : #row_left { width:10%; height:"650"; background:url(bg_left.JPG); background-repeat:no-repeat; } #row_main { width:80%; height:"650"; background:url(backg.jpg); background-repeat:no-repeat; } #row_right { width:10%; height:"650"; background:url(bg_right.JPG); background-repeat:no-repeat; } ничего не получилось. 2-ая - меню " На главную", " Карта сайта", "Контакты " только в IE расположено красиво. в фаере и опере увеличивается высота. ПРОШУ помощи! с меня ПИВО. ЗЫ: не судите строго - это моя первая верстка... если…
0 votes7 answers -
Не получается переопределить стили для форм
Переопределяю в css стили для элементов форм. С текстовыми полями, кнопками и textarea все нормально, а вот с элементом select и file просто беда... в IE вообще не работают корректно, в Mozille наполовину. Что делать? select.searchselect { width: 183px; height: 18px; background: URL(../pics/searchselect.jpg) no-repeat; margin: 0px 0px 0px 10px; padding: 1px 0px 1px 5px; border: 0px #b6b6b6 solid; font-size: 11px; font-family: Arial; color: #9ea0a2; }
0 votes4 answers -
Как лучше продвинуть сайт в поисковиках
Может ли кто то посмотреть обычный сайт визитка и подсказать какие ошибки могут мешать оптимизации и продвижению? И как лучше всего продвинуть сайт в поисковиках? Я новичок поэтому извините если что не так написал. Сайт описает транспортную компанию, адрес: www.goldenway-ltd.ru
0 votes3 answers -
Про ФОН, CSS и скрипт!))
Здравствуйте, начал создавать сайт на okis.ru вот он Моя ссылка Возник вопрос, как с помощью CSS можно сдвинуть чуть правее скрипт с глобусом (он находится справа под новостями) и сделать над ним фон, как у всего сайта? Виктор.
0 votes4 answers -
выделение button в opera
здравствуйте. как убрать черную рамку при нажатии на input[type=button] в opera? спасибо
0 votes2 answers -
В чем ошибка?
<div style='width:10px;height:14px;display:inline-block;background:url("начало.jpg") center center no-repeat;'></div><div style='display:inline-block;background:url("повторяющаяся-картинка.jpg") center center repeat-x;'>Резинааааааа</div><div style='width:10px;height:14px;display:inline-block;background:url("конец.jpg") center center no-repeat;'></div> вот так делаю получается норм но если начинаю вводить текст средняя картинка едет вниз...
0 votes6 answers -
Вертикальное выравнивание текста в div'е
Возникла проблема при расположении текста внутри блока с картинкой. Вот пример в песочнице. Задача - добиться вертикального выравнивания текста по центру картинки. Причем нужно нормальное решение, которое не зависит от количества текста. В интернете в основном предлагают установить следующий стиль для div'а: wrap{ display: table-cell; }; Тогда можно будет просто сделать vertical-align: middle и текст будет по центру. Но данное решение мне не подходит, потому что несколько таких элементов последовательно будут отображаться как ячейки в таблице, а мне нужно расположить их друг под другом. Есть какое-нибудь другое решение данной проблемы? Или может применить table-cell и обе…
0 votes8 answers -
Индикатор выгрузки файлов на сервер
Не судите строго за такой вопрос. Просто хочу уяснить для себя какие технологии существую на сегодняшний момент, и какие устарели. Поиск по этому вопросу часто находит ссылки 5-8 летней давности, далеких 2006-2009 годов. 1) Сам PHP без дополнительных модулей не способен отследить какая часть выгружена. Насколько я знаю, старые скрипты включали либо ПЁРЛ файл, который и отслеживал, либо требовали модуля APC. Недавно наткнулся на вот это http://ru2.php.net/manual/ru/ses...oad-progress.php Насколько я понял, для этого нужна 5.4 версия. 5.4, верно? Ну я думаю. что и не все хостеры, разрешат ставить APC, если нужно. 2) Плагины для jQuery (ну или любого другого ajax фреймворка)…
0 votes0 answers -
img и form в линию
Добрый день, допустим нужно, разместить лого по центру, а выбор языка с краю. Если расматривать этот кусок кода, почему элемент form ведет себя так, будто img растянут на всю страницу ? http://jsfiddle.net/dmhrvs9L HTML <div class="top"> <img class="logo" src="http://aux.iconpedia.net/uploads/dog-paw-icon-256.png" width="100" height="" alt="logo"> <form name="language" class="lang" action="#" method="get"> <select> <option>EN</option> </select> </form></div>CSS .top { height: 200px; background-color: #dadada;}.logo { margin: 0 auto; display: block; padding: 15px 0 0 0;}.lang {…
0 votes3 answers -
Подскажите каким путем идти для реализации линий между блоками
Учусь делать страницу с галереей. Изображение взято по примеру одного из шаблонов. На данном этапе изучения начал писать код: https://jsfiddle.net/sh642v1b/ Хотел спросить совета: как реализуется это дерево из белых линий между блоками. Видел примеры с подложенным изображением, но делаю страничку которая будет меняться при изменении размера окна и как понял фон может не попадать на блоки.
0 votes7 answers -
Футер и скролл сециями
Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/
0 votes1 answer -
Всплывающая страница заданной ширины
Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!
0 votes8 answers -
Выровнять текст по вертикали
Как сделать текст выровненным по вертикали? https://jsfiddle.net/pz6n0c34
0 votes4 answers -
Ивритский язык в HTML
Народ столкнулся с такой проблемой, делаю сайт на ивритском языке, и когда копирую из того же ворда иврит во флеш (текст) то када он вставляется во флеш то буквы переставляются местами, как сделать так чтобы такого не происходило, настройки винды???
0 votes4 answers -
Проблема верстки меню.
Добрый день, коллеги! Прошу помощи в решении проблемы с версткой меню. В представленном архиве можно посмотреть суть проблемы (там исходники страницы с изображениями). Есть 2 элемента: двухуровневое меню и "карусель" изображений. Почему-то "карусель" находится всегда выше всплывающего пункта меню второго уровня. Уже долго бьюсь. Все перепробовал. И position менять и z-index и тд. Ничего не помогает. Проблему локализовал: у стиля .main-hot свойство position:relative; всё портит. Как мне модифицировать код, чтобы все заработало? Желательно, чтобы была кроссбраузерность. Спасибо за помощь.
0 votes8 answers -
Как раскидать картинки по тексту?
У меня есть страница с текстом и картинками. Но при довольно широком разрешении экарана они ведут себя невполне удачно, а при узком всё нормально. Нельзя ли реализовать, не нарушая резиновость, такое выравнивание, чтобы в случае нехватки текста между картинками изображения поджимались друг к другу но не отлеплялись от стенок слоя?
0 votes8 answers -
проблемы с ie6
ie 6 вообще понимает :hover? При создании списка столкнулся с проблемой <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> li a{display:block;} .hidden{display:none;} ul li:hover .hidden{display:block;} </style> </head> <body> <ul> <li><a href="#"> Тест</a></li> <li><a href="#"> Тест</a> <ul class="hidden"><…
0 votes7 answers -
Центрированное горизонтальное меню на ul
Есть страница фикс. ширины,меню на списках <div id="navbar"> <ul> <li><a href="...">1</a></li> <li><a href="...">2</a></li> <li><a href="...">3</a></li> <li><a href="...">4</a></li> </ul> </div> #navbar ul { float: left; width: 100%; padding: 0; margin: 0; list-style-type: none; font-size: 100%; text-align: center; border-bottom: 3px solid #fff; background: #e6e6e6; color: #000; } #navbar a { float: left; width: 11.6em; height: 25px; text-decoration: none; color: #009; background: #E6e6e6; padding: 0.2…
0 votes6 answers -
Вывод фотографий на сайт
Ребят, прощу подсказок, я новенький в этом деле( Есть страничка, фото галерея в которой реализовано сжатие картинок и соответственно вывод их на экран. Проблема заключается в том что если картинок много, сжатие затягивается очень надолго. А пока он картинки не по сжимает, показывать ничего не хочет. С помощью чего можно реализовать последовательное сжатие и вывод картинок на сайт, уже после загрузки основы страницы( шапки )?
0 votes5 answers -
Выровнять меню
Как выровнять синие блоки чтобы они были стык в стык с красными (с нижним левым уголком)? http://jsfiddle.net/HZ3yR/2/
0 votes11 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-