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
-
Раскраска таблицы XML > HTML (XSLT)
Добрый день! Возможно данная задача (см. рисунок) для некоторых покажется простой, но для меня, как для начинающего в xslt - доставляет трудности. Задача в следующем: необходим раскрасить таблицу с учетом rowspan. Обычно я использовал проверку "position() mod 2 = 0", но тут это не прокатит. Решение вроде бы витает где-то рядом, но все же витает Заранее благодарен. <?xml version="1.0" encoding="UTF-8" ?> <table border="1"> <tr> <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> <td>f</td> </tr> <tr> <td>a</td> <td>b</td> <td>…
0 votes4 answers -
Проблема с style.css
Добрый день. Я только учусь html и css. Вот Пытаюсь сделать страничку для ресторана. Возникла проблема: когда сайт запускается на компьютере все работает отлично но когда закидываю на хост перестает работать style.css или работает некорректно. Ниже код html и css. Что там не так, уже сил нет. Спасибо заранее за помощь. Сам сайт www.crystall.zp.ua HTML Код И CSS
0 votes13 answers -
Раскрытие текста (что то типа спойлера)
Заранее извиняюсь за тупое название темы) просто без понятия как это правильно называется Проблема такая: На фан сайте музыкального исполнителя, есть страница тексты песен. Хочу реализовать следующую вещь: есть строки ххх ууу еее это названия песен, что бы при нажатии на них, развертывалось окно, желательно под названием, и там был текст песни Это что то типа спойлера на форумах или, к примеру, как разворачивается текст песни в вконтакте Линками куда-то и новыми страницами категорически нельзя пользоваться. Буду рад за любую помощь! Если не ясно объяснил, скажите, попробую иначе)
0 votes17 answers -
Переключатели(радиокнопки)
Друзья! У меня есть радиокнопка в ссылке. Сам <input> работает нормально, по ссылке переходит. Но когда я задаю для него display: none; , дабы скрыть и с помощью <label> красиво оформить эти кнопки, переход по ссылке уже не происходит, хотя оба тега завернуты в ссылку. Вопрос: как с помощью <label> переходить по ссылке? <li> <a href="{{ page }}/"> <input type="radio" name="point" id="slide1" checked> <label for="slide1"></label> </a> </li> css: .paginator a{ text-decoration: none; } .paginator li{ display: inline; } .paginator label:after { border: 2px solid black…
0 votes8 answers -
Opera меня игнорирует :(
Осваиваю дивную верстку, и в процессе работы над шаблоном столкнулся с забавным косяком со стороны Оперы. На странице футер должен быть фиксированно приклеен внизу, а контент прокручивается отдельно. В ИЕ и ФФ примененное решение нормально работает, однако Опера при прокрутке основного окна контента колесом мыши по достижении нижнего края окна начинает перематывать всю страницу целиком, при этом игнорируя жестко заданное фиксированное положение футера. Текущий вариант шаблона И еще один косяк и опять же со стороны Оперы - на этой же странице горизонтальная полоска вверху залезает над колонкой "Новости". В ИЕ и ФФ этого не наблюдается...
0 votes6 answers -
Баг 3-x колонок в 6IE
Есть простой код макета в три колонки <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style type="text/css"> html, body { margin:0; padding:0; min-width:1000px; } div#navigation { background:#B9CAFF; } div#extra { background:#FF8539; } div#wrapper { float:left; width:100%; } div#content { margin:0 200px 0 200px; } div#navigation { float:left; margin-left:-200px; width:200px; } div#extra { float:left; margin-left:-100%; width:200px; } </style> </head> <body> <div id="wrapper"> <div id="content"> <p> </p> <p>very …
0 votes10 answers -
ошибка валидации для MAP
помогите пожалуйста понять суть ошибки html: <img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" /><map name="link_index"> <area shape="rect" coords="1, 1, 400, 480" href="index.html" alt="" /></map> валидатор ругается: Bad value 1, 1, 400, 480 for attribute coords on element area: Expected a minus sign or a digit but saw instead.не понимаю что нужно исправить
0 votes5 answers -
padding таблицы у ie6
Проблема такова: Есть интернет магазин. в него уже забит контент. В каждом описании товара есть таблица спецификаций. У неё есть класс. Забит в бд, везде одинаковый. Нужно чтоб сверху над таблицей была картинка. Решение для Firefox-a и Opera: table.ndSpecifications { padding-top: 30px; background: url('specifications.png') 0 0 no-repeat; } но вот незадача, ие не понял padding и получилось Заранее благодарен за помощь!!!
0 votes3 answers -
Несколько изображений в фоне.
Захотелось воссоздать дизайн этого сайта http://www.comixfactory.de/ на своем блоге в Blogger.ru С центральной частью и основным фоном разобрался. А вот 2 фоновые боковые картинки реализовать не удается: http://www.comixfactory.de/images/zeche.png http://www.comixfactory.de/images/figuren.png Посмотрел, как это выглядит в коде оригинала: <body> <div id="zeche"></div> <div id="figuren"></div> В css: #zeche { position:absolute; background-image:url(images/zeche.png); background-repeat:no-repeat; width:415px; height:547px; right:0px; bottom:0px; } #figuren { position:absolute; background-image:url(images/figuren.png); background-r…
0 votes10 answers -
Как правильно сверстать HEADER?
Нужно что бы полоска была по ширине экрана а картинки на неизменном растоянии от меню. Какой подход будет правильнее для кроссбраузерности ? 1.Сделать все одной картинкой и добавить на background серую полоску под ту что имеется, на случайц если экран шире картинки. 2.По поводу крассного лого пробовать z-index, а полоску на background блока который на ширину экрана. 3.Друкой вариант?
0 votes6 answers -
Еще раз про pixel-ratio
Возникла такая проблема. Я суждаю сайт до 760 пикселей и делаю нужный вид ему. Открываю в эмуляторе айфоне в хроме (там опция такая) - вижу совершенно другую верстку - элементы куда-то уезжают, во бщем будто бы ширина экрана совершенно иная. Это и есть эффект повышенной плотности пикселей или я чего-то не догоняю?
0 votes12 answers -
Модальное окно в слайдере
Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.
0 votes5 answers -
Непонятная ситуация со шрифтом
Какая-то непонятная ситуация со шрифтом. В макете используется шрифт PF Square Sans Pro Medium. (скрин: http://savepic.su/4834376.png ) Но файл со шрифтом называется pfsquaresanspro-medium (скрин: http://savepic.su/4837448.png ) Вопрос: Почему разные названия? Какое название писать? PF Square Sans Pro Medium или pfsquaresanspro-medium? Почему спрашиваю: Я написала шрифт по названию файла font-family: 'pfsquaresanspro-medium';Но он не похож на шрифт, который в макете. (скрин: http://savepic.su/4831304.png ) Так тоже указывала шрифт: font-family: PF Square Sans Pro Medium;И так тоже: font-family: PF Square Sans Pro;Ничего не помогает. Правило @font-face указала …
0 votes22 answers -
bootstrap 3 и длинные поля таблиц
В twitter bootstrap 3 если информация в поле таблицы очень длинная то таблица становится не очень читабельной. Поле становится очень широким и если не влазит то переносится. Видел примеры как поля делаются отдельным слоем и если очень длинные то заезжают за следующее поле без переноса. Подскажите есть ли в bootstrap готовое решение или как это лучше сделать?
0 votes1 answer -
Откуда берется картинка, когда даешь ссылку на сайт?
Извиняюсь, если вопрос не в том разделе. Когда в каком-нибудь чате — например, ВК или инстаграме — даешь ссылку на сайт, то автоматически подцепляется картинка. Вот, например http://joxi.ru/L210ZGMI8Kpj1m Я должна ее поменять, но не пойму, как? Или как вообще это называется, по каким запросам гуглить? Когда ищу по запросам со словом "сниппет", в результатах речь только о сниппете из поисковой выдачи.
1 vote2 answers -
Как сделать чтобы DIV выравнивался по ширине?
Как сделать чтобы DIV растягивался в ширину по мере написания в н?м контента... в IE работает правильно а в Mazille не тянется <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <head> <style type="text/css"> #d1{width:1%; border:#f00 solid 1px} </style> </head> <body> <div id="d1">приветприветпривет</div> </body> </html>
0 votes7 answers -
MARQUEE
Запихал в MARQUEE картинку. По этому поводу 2 вопроса: 1. как сделать что бы движение начиналось не из-за края страницы, а сразу с экрана, полностью заполненного картинкой 2. как сделать что бы картинка "упиралась" сама в себя, то есть при прокрутке, как только кончается картинка, сразу же впритык начиналась бы она-же, те по сути сымитировать кольцо.
0 votes3 answers -
Выбор домена с точки зрения SEO
Добрый день всем! Посоветуйте, как лучше поступить: у меня сайт рассчитан на продажу ламината в Киеве и только в Киеве. Поисковые запросы в Гугле у потенциальных клиентов будут "ламинат" "киев". С каким доменным именем сайт будет лучше ранжироваться в Гугле: если запрос совпадает с доменом (www.laminat-kiev.com), или может, (т.к. поиск делается в Киеве) Гугл выдаст в первую очередь региональные сайты (www.(название моей фирмы, не имеющее отношение к ключевым запросам).kiev.ua) У меня есть оба домена, какой лучше использовать с точки зрения SEO?
0 votes10 answers -
SOS! Opera 10.62 лагает при стандартной задаче
Странно, но у меня ни когда не было проблем с Оперой 10* а теперь вообще необъяснимый для меня глюк (подробнее см. рисунок). Почему Header уполз вправо????? Почему Мозила и Хром все отлично отображают?! HTML документа такой: <div id="header"> <div id="menu"> <ul id="nav"> <li class="m2"><a href="/portfolio" /></li> <li class="m3"><a href="/biografi" /></li> <li class="m4"><a href="/services" /></li> <li class="m5"><a href="/products" /></li> <li class="m6"><a href="/contact" /></li> </ul> </div> <div id="logo"><a …
0 votes6 answers -
структура сайта на flex
помогите пожалуйста разметить страничку стандартными header + content + footer вот моя попытка . она плоха тем, что для header, footer используется такое правило: .icons_item:nth-child(6), .icons_item:nth-child(1){ width: 100%; } хотелось бы использовать чистый flexbox
0 votes1 answer -
Не работает <audio>
Вряд ли это проблема вёрстки, но я не знаю, куда ещё написать. Пробую добавить на страницу звук с помощью <audio>. В Firefox работает, а в Opera нет. Нет звука в Opera 36.0 для Windows и Opera 47 для Андроид. Добавил controls - плеер появился, но кнопки неактивны. Испробовал все возможные варианты синтаксиса - нет звука, хоть тресни. Хотя на других сервисах типа Youtube звук в Opera есть. Давал слушать другим людям - у большинства звука нет, но опроса насчёт браузеров не проводил. Ссылка
0 votes2 answers -
Проблема в Explorer 6 с параметром overflow
Здравствуйте! Заметил странный баг в Explorer`e. Если слой с параметром overflow лежит внутри таблицы, то в Explorere параметр overflow просто не действует. Вот например код: <div style="width: 100%;"> <table style="width: auto"> <tr> <td> <div style="overflow: auto; width: 100%; height: 200px; position: relative; left: 0; top: 0"> СкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйтекстСкрытыйт…
0 votes6 answers -
изображение в ссылке
Доброго времени суток! Возможно вопрос и тупой, но не судите строго: Есть сайт http://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!
0 votes11 answers -
CSS position: absolute Vs relative
Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…
0 votes9 answers -
Посоветуйте крутилку для баннеров
Посоветуйте какую-нибудь хорошую крутилку для баннеров.
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-