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
-
Помогите с версткой
Уважаемые профи! Помогите девушке-непрофессионалу. Занимаюсь сайтом всего месяц.. Как расзместить шапку сайта с новым логотипом во всю ширину страницы, а колонку с кнопками регионов (header.html), котрая находится справа, поместить вниз под шапку? http://www.faudit.ru/page/index.html !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <!--<body bgcolor="#ffffcc" topmargin=5 leftmargin=2 marginheight="5" marginwidth="2">--> <frameset rows="120,*,1" frameborder="0" framespacing=0"> <frame name="header" src="../page/header.html" marginwidth="2" marginheight="5" scrolling="no" frameborder="0" noresize> <frameset…
0 votes4 answers -
Эффект проявления страницы
Друзья мои выручайте! Нужна помощь! Хочу чтобы при заходе на страницу пользователь увидел как весь контент медленно проявляется из пустоты. Нашел как сделать такой эффект для текста и для картинок поотдельности но мне нужен этот эффект для всего сразу - чтоб проигрывался автоматом при обновлении каждой страницы.. Проблема легко решается если создать флеш-сайт, но мне таковой не нужен - это не выход. Пробовал также чето творить со слоями - наложил ролик в верхний слой - но появляется новая проблема - неработают кнопки/ссылки в нижнем слое. Особо в кодировании не саилен, подскажите как можно енто сотворить используя HTML. CSS. Java иль какой другой метод. Верю и знаю что …
0 votes5 answers -
Разъезжается таблица в ie - помогите пожалуйста.
Здравствуйте. Делаю свои первые шаги в html и совсем чайник в CSS. В нстоящий момент мне нужно сделать главную страничку на этом сайте интернет магазина продающего аэрогрили Проблема следующая - на главной странице есть таблица с товарами - фотки, названия, цена и описания. Вот эта таблица выглядит нормально в Firefox но разъезжается в ie (ячейки не 3 в ряд стоят а опускаются ниже). Я пробовал увеличивать их длину и ширину - не помогает. Что можно сделать в данной ситуации? Вот изначальный код который отвечает за эту таблицу (движок shop-script): <table align="center" width="100%" cellpadding="0" cellspacing="0"> <tr> <td> <ul class="product_list"&g…
0 votes4 answers -
В FireFox не работает элементарная ссылка
ребята, начал наброски сайта http://korchak.com.ua - все отлично работает вр всех бровзерах, кроме FireFox это фотография, на ней карты ссылок ... что это может быть ?
0 votes4 answers -
Проблема с расположением блоков
Добрый день. Столкнулся со следующей проблемой. Не меняя рассположение блоков в коде, "прибить" футер к низу, при том что у блоков динамическая высота и на некоторых страница блока 4 может не быть. Есть следующий код: <body> <!--[if lt IE 7]> <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p> <p></p> <![endif]--> <div id="container"> <header> <strong&…
0 votes10 answers -
Шрифт зависит от размера экрана.
Приведите примеры способов верстки, когда шрифт уменьшается/увеличивается в зависимости от размера экрана. Процентное измерение не помогает. Текст сайта на маленьких устройствах сваливает за рамки блоков. http://www.designforge.ru/
0 votes3 answers -
Кроссбраузерность
Здравствуйте. При верстке возникает вопрос кроссбраузерности (особенно вопрос возникает по всем любимому IE). Подскажите типичные моменты, где следует обратить внимание, чтобы потом не переделывать весь макет для IE отдельно. Знаю точно, что старые IE не работают с прозрачностью файлов. Ну и т.д. Если будут ссылки на варианты решения вообще отлично. А также вопрос, каким образом верстать, чтобы при изменении масштаба не плавали блоки?
0 votes14 answers -
нестандартная карусель
помогите пожалуйста советом никому не попадалась карусель, которая работает следующим образом? если попадалась, то поделитесь ссылочкой или названием START: в центре экрана появляется(с любым эффектом) изображение, затем по бокам от него появляются ещё 4 изображения. пользователь жмёт кнопку и центральное изображение исчезает, затем исчезают изображения по бокам go to START
0 votes18 answers -
Градиент в Хроме
Сделал такой простой градиент. http://jsfiddle.net/1k7arm03/ В Хроме и Опере возникает странная проблема - градиент оказывается сдвинутым в некоторых местах, особенно это заметно при открытии на весь экран или изменении размера окна. Помогает добавление координат 0 1px или 1px 0 или что-то ещё, но не 0 0. Что за странный баг, кто знает?
0 votes11 answers -
Не переключается слайдер
Вот такой должен быть слайдер. Сделал его таки образом, что при нажатии на радиобаттон слайдеры должны двигаться. Но почему-то это не получается http://codepen.io/anon/pen/JdEEdv
0 votes4 answers -
Clip
Нужен clip и position: fixed Ввиду несовместимости первого со вторым ищутся альтернативы либо первому либо второму (возможно JS).
0 votes4 answers -
Баг с классами
Есть класс <li class="menu over"></li> Мне нужно применить стиль для li, в которых есть оба этих класса, я делаю так: li.menu.over{}, в результате стиль применяется для всех li с классом over, хотя класса menu в них нет. Как так можно прописать?(классы задаю не я а движок, поэтому классы типа menu-over сделать не смогу)
0 votes9 answers -
Борьба с селектом, браузер: ie6
Всем давно известно, что если спозиционировать абсолютно, какой-нибудь блок и если под ним окажется select: в IE мы столкнёмся с геморроем.. Есть вариант, перекрыть эту проблему, iframe, но что делать если у тебя блок не с фиксированой высотой и шириной? Ведь iframу нужно выставлять только фикс. ширину и высоту.. в % не катит. Что нужно прописать в css, чтобы iframe тянулся вместе с div-ом, хотя бы по высоте?
0 votes16 answers -
Открытие страницы с определенными id
Есть страница aaa.html с divами трех видов id=1 id=2 id=3 Созрел вопрос. можно ли както реализовать, чтобы по ссылкам aaa.html?id=1 aaa.html?id=2 aaa.html?id=3 выводились только соответствующие divы? И еще вопрос. Есть страница на ней есть кнопка хелп. Можно ли сделать так, чтобы при клике на кнопку в текущей странице всплыла другая страница(с небольшим хелпом) по центру экрана. И пропадала по клику. Зарание благодарю за советы.
0 votes11 answers -
неавтоматически не переносится текст на след. строку
Всем привет. Строго прошу не судить. Это мой первый сайт. Такая вот проблема. Текст, картинки и т.д. когда размещаю в материалы и они не влазят в рамку шаблона не переносятся на следующую строку. Вот конкретная проблема: http://www.mogemvse.in.ua/index.php?option...=3&Itemid=6 Текст широкий, в меню joomla отображается нормально в панели, а вот на сайте он не влазит и хуже того не переносится на след. строку. В итоге текст гдето там под шаблоном и его не видно. Вот еще пример этого же характера: http://www.mogemvse.in.ua/index.php?option...=5&Itemid=9 Те значки что с права не помещаются в шаблон. В css рылся рылся но ничего так и не нашел. Когда брал этот шаблон …
0 votes1 answer -
Загрузка форм в плавающий div
Главный вопрос этого топика не как СДЕЛАТЬ, а как ДЕЛАТЬ. Понимаю, что каждый может поступать по-своему, как ему удобнее, но все-же хотелось послушать мнения разных людей Итак. Как на любом сайте я планирую форму добавления/редактирования записей. Хочу, чтобы она появлялась в плавающем div. Есть два варианта 1) форма уже загружена на странице, на которой есть ссылка на добавление записи. Одна страница, значит может иметь несколько таких загруженных и скрытых форм. Плюсы: форма отображается сразу, не нужно время на загрузку. Минусы: страница может содержать данные. которые не потребуются, что немного замедляет загрузку. 2) форма загружается по ajax. Плюсы: не грузятся не …
0 votes8 answers -
Исчезновение
Вот сайт: http://expert-service.cm.htc-cs.com/ Проблема в следующем: в IE6 исчезает бордер у блоков в левой колонке (внизу, серая полоса перед градиентом). С наличием/отсутствием ссылки это никак не связано, поскольку в других браузерах все нормально. Главное, посмотрите: если сжать окно браузера по вертикали (пикселов до 200-т), и покрутить полосу прокрутки, они появятся. Кто-нибудь сталкивался с такой проблемой? Пожалуйста, поделитесь опытом. Буду очень благодарен. P.S. По верстке замечения давайте, но пожалуйста, не ругайтесь. Занимаюсь версткой третий месяц.
0 votes4 answers -
Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE
Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…
0 votes1 answer -
Позиционирование
Есть меню в дивах,есть таблица,есть ячейка, как зафиксировать это меню относительно левого верхнего угла ячейки ,чтобы про измениние масштаба страницы меню не скакало по странице ,а было прикреплено к этой ячейке?
0 votes5 answers -
Как сделать область страницы ссылкой?
Подскажите, как сделать так, чтобы при нажатии в любую область страницы можно было перейти по ссылке дальше?
0 votes2 answers -
Не подскажите, народ
Сайт http://msb.adm.yar.ru/ если ставить разрешение моника 800х600, то в сайте начинает наезжать все друг на друга и появляется открытая (пустая) область слева, это видно при проктрутке. Мне посоветовали все блоки сайта поместить в спец тег, называется как то "маркью" или что то подобное, и это называется "заслонки" или как то "заставки". Мне нужна помощь, ребят кто может, может сказать как быть? Вот ссылка на скриншот: http://s43.radikal.ru/i100/1008/54/1fb7bd4fc892.jpg И еще одно: когда начинаешь масштабировать сайт с такой фичей, все сразу встает на свои места.
0 votes8 answers -
Ошибка в Url страниц
Прошу помощи в одной крайне не понятной ситуации. Сайт работает давно, но примерно неделю назад возникла ошибка которая привела к значительным потерям позиций в Яндексе. Вместо страниц которые были раньше, например http://kuhni-mebel-spb.ru/l_chem_horosha_kuhnazakaz.htm откуда-то нарисовались страницы вида _http://kuhni-mebel-spb.ru/l_chem_horosha_kuhnazakaz.htm/pravila.htm таких штуки 4. по сути получается что она дублирует нужную страницу но без картинок и с ужасной версткой. По идее такого URL вообще не должно быть, но он откуда-то возник: сайт/страница нужная.htm/страница другая (какая "страница другая" - тоже не известно, логики нет. Но контент со "страницы нуж…
0 votes12 answers -
Верстка кнопки vs ссылка
Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.
0 votes14 answers -
<del> или text-decoration:line-through;
Здравствуйте! Вот столкнулась с такой дилеммой. На сайте нужно старую цену сделать зачеркнутой. Что лучше выбрать для решения этой задачи: <del> или text-decoration:line-through; Нужно, чтобы максимально работало во всех браузерах, а также, при формировании сниппета в поисковой выдаче было все корректно.
0 votes13 answers -
Слайдер, почти овальной формы
Подскажите, как можно сделать слайдер вот такой формы: Смысл, конечно, не в слайдере, а в форме блока. С удовольствием бы наложил просто картинку, но там фон не однородный. Подумал сперва, что получится через border-radius, но вышло не много не то: http://jsfiddle.net/npofopr/n3sp9f86/ Тут http://bennettfeely.com/clippy/ вроде тоже плавных углов не сделать. Можно ли через css решить данный вопрос? Или придется использовать canvas или может svg. Если их, то может примеры есть, или какую библиотеку лучше использовать. До этого просто не сталкивался)
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-