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
-
Приоритет стилей при адаптивной верстке
Добрый день! Возникла проблема: при просмотре сайта на экране с разрешением меньше стандартного (стандартным принят размер 1200px) временами происходит дергание блоков. Причина - использование стилей. При разрешении экрана от 1200 px и более используются стили styles.css при разрешении экрана менее 1200 px применяются стили @media.css. Получается, что на маленьких экранах при обновлении страницы или при клике по пункту меню вначале происходит загрузка стилей styles.css и лишь за тем @media.css, в итоге, происходит небольшое подергивание блоков. Как можно решить эту проблему? Styles.css - набор стилей по умолчанию, для стандартных экранов. …
0 votes2 answers -
Пропадают блоки
Пропадают блоки в IE с position:relative при изменении размеров окна,сталкивался ли кто-нибудь.
0 votes5 answers -
Подскажите с html
Добрый день. Вот у меня имеется прайс ПРАЙС Скажите пожалуйста как мне закрепить верхнюю колонку чтобы листая прайс шапка оставалась на месте и как вставить поиск на странице вверху. Заранее спасибо.
0 votes9 answers -
Верстка картинки слайдера
Верстаю страничку и столкнулся с такой проблемой: как сверстать слайдер, понятно, что на сайте он будет работать на jquery, но свойства нужно задать при верстке ( шрифт, размеры и т.д). Или может не стоит этого делать? Скрин прилагаю.
0 votes7 answers -
marquee
есть некоторая область, в ней поочередно выводится различная инфа, разбитая на блоки одинаковой высоты. используется тег marquee. <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style> table{ margin:0px; padding:0px; background-color:#5e0100; color:white; font-family:Arial; ont-size:0.8em; text-align:center; } </style> </head> <body> <table width="430" height="60"> <tr> <td> <marquee width="430" height="60" direction="up" scrolldelay="3000" scrollamount="60"> <b>Заголовок 1</b><br /> инфа инфа<br /> <b>инфа</b><br /> <b&g…
0 votes9 answers -
Автоматический перенос строк
Есть проблема с добавлением текста на свой сайт он игнорирует перенос строк и отображает текст кучкой самому раставлять теги <бр> долго. есть какоенибудь решение моей проблемы?
0 votes2 answers -
Проблема отображения в Firefox
Здраствуйте, в разработке сайтов новичок, даже не знаю в чем может быть проблема.. В браузере Firefox 4.0.1 сайт отображает некоректно, такое впечатление что стили вовсе не работают (цвет ссылок синий с подчеркиванием, фонового изображения нет).. Адрес сайта: http://marasyanechki.narod.ru
0 votes9 answers -
Левый блок ширина в пикселях, а правый резиновый
Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:…
0 votes4 answers -
Зависание эксплорера при загрузке сайта
Всем добрый день. Делаю сейчас сайт http://demo.arammu.ru/ вернее не одна я, а ещё прогер. Возникла такая проблема: при открытии этого сайта у меня начинает виснуть эксплорер всех версий (установлен на компе 7 + пользуюсь ietester'ом). Так же просила посмотреть нескольких знакомых, у них тоже самое, только у одного нормально работает. Пробовала отключать скрипты, всё равно виснет... Надо срочно в html исправить все баги в эксплорере а из-за этой ерунды не получается. Может кто подскажет в чём может быть причина или знает отладчик какой которым можно проверить? Заранее спасибо.
0 votes5 answers -
<noindex>, rel="nofollow"
Интересует такой вот вопрос. Если сылка взята в тег <noindex> и указано rel="nofollow", смогу я увидеть тогда сайт который ссылается на мой сайт? <noindex> <a href="" rel="nofollow"> </noindex>
0 votes9 answers -
адаптивные табы
Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!
0 votes6 answers -
Вопросы по стилям
1. Я видимо чтото плохо усвоил или чтото случайно пропустил, читая про стили. Делал я на примере 1 видео макет и заметил что класс в хтмл отличается от класса в цсс файле, но при этом отображается так как нужно мне. В html прописано class="grid-img sqr" но в css прописано только .sqr 2. Тот же проэкт, и тут автор видео прописал у селекторов html и body значения. Что будет если я пропишу всё в в один селектор? 3. Селектор .logo, тут font-size: 0; Я правельно понимаю, это для альтернативного текста, в случае если картинка не отобразится? Буду признателен если в ответы покидаете отыеты в виде ссылок.
0 votes2 answers -
Обычная кнопка
приветствую. Такая проблема.. есть css *{border:none;} в общем нет ничего особенного... он отключает везде границы... а надо что б одна кнопоччка выглядила как обычно.. по дефолту... несмог подобрать стили... подскажите плз
0 votes6 answers -
проблема с сылками и нехваткой мозгов
короче смысл такой есть папка sait.ru кинул в этот денвер в ней : папка www / в ней : index.html style.css папка image и папка arhiv в которой находиться book.html ======================================== ну так вот мне нужно что бы в файле book.html были прописаны рисунки которые в папке image тобиш прописываю так и так и даже так неотображаються картинки и все , что нетак делаю??????? заодно скажите тоже самое как сделать со стилями? так несработало
0 votes4 answers -
Помогите с <div> очень горит.
Добрый день ! Существует задача создать такую конструкцию: Слой с полупрозрачным бекграундом (без использования картинок #CCC). Внутри него существует ещё один слой который должен находится перед этим слоем и не иметь прозрачности и масштабироваться. Как я не курил форум так и не смог данное реальзивать. С ДИВ имею дело мало, во терь понадобилось. Помогите плиз. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>z-index</title> <style type="text/css"> #layer1, #layer2 { po…
0 votes3 answers -
Таблица вылезает из дива
Все просто: есть див, в нем табличка. После нее немного текста. А впрочем, код: <div id=info> <table style='float:left;'> <tr><td><a href='#4fa9c8efcbd39'>Тренажеры уличные</a></td></tr> <tr><td> <a href='#4fa9c8efcbf50'>Комплекс уличный</a></td></tr> <tr><td> <a href='#4fa9c8efcd08f'>Тренажер уличный</a></td></tr> <tr><td><a href='#4fa9c8efcf8d6'>Кардиотренажеры</a></td></tr> <tr><td> <a href='#4fa9c8efcfaa9'>Дорожка беговая</a></td></t…
0 votes5 answers -
Почему в сафари блок с текстом не занял всю ширину
http://azharova.ru/test/afisha_table.html# Версия браузера 5.1.7 Скрин с проблемкой - http://prntscr.com/3pxrio
0 votes12 answers -
Как сжать изображения на мобильной версии?
Как эффективно сжать изображения на мобильной версии с уравнением пропорций размера?
0 votes5 answers -
навыки photoshop
скажите где можно посмотреть или почитать по фотошопу в рамках верстальщика, то есть что необходимо верстальщику и как работать с этим, я освоил html и css а с макета как верстать не знаю
0 votes9 answers -
Текст в формах - как исбежать повторного ввода
Есть вопрос. Может подскажите, где почитать или кто знает простой способ решения данной задачи ? Задача: после отправки данных формы на сервер, при возвращении в форму (например, в случае ошибки в заполнении) необходимо, что бы текст, введ?нный ранее, оставался в форме? Как это сделать?
0 votes5 answers -
Меню не хочет менять цвет...
Народ, прошу помогите! Я пытаюсь сделать меню бирюзовым (или черным) цветом. Но оно не делается! Вот код: <body link="#0b5b49" vlink="#00CCCC"> <font color="#0b5b49"><span style="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <ul class="uz" tyle="font-size: 11pt; color: rgb(0, 204, 204); font-family: Comic sans MS;"> <center>Основное</center> <li class="m"><div><a class="m" href="$HOME_PAGE_LINK$">Главная страница</a></div></li> <li class="m"><a class="m" href="http://devichnik.moy.su/index/0-77"><strong>Книга знакомств</strong></a></li> &…
0 votes5 answers -
Вопрос по маркированным спискам
Здравствуйте. Есть такой вот код: <td colspan="2" class="nav"> <ul> <li><a href="index.html" class="li">Главная</a></li> <li><a href="02.html" class="li">Ипотека</a></li> <li><a href="04.html" class="li">Документы</a></li> <li><a href="05.html" class="li">Информация</a></li> <li><a href="06.html" class="li">Контакты</a></li> </ul> </td> и стиль: td.nav { width: 960px; height: 47px; text-align: center; vertical-align: middle; } li { list-style: disc url(separator.jpg); padding-left: 20px; padding-right: 20px; display: i…
0 votes4 answers -
Добавление сразу на все страницы сайта
Меня интересует такой вопрос. Если к примеру мне захочется добавить сразу на все страницы моего сайта какую-нибудь ссылку, или текст, ну что угодно, например в самый низ страницы. Что мне надо сделать, чтобы не добавлять одну и ту же информаци (ну к примеру ссылку) на десятки страниц одного сайта. Помню, что где-то читал , что надо сделать php-вставку (на другой файл, в котором пойдие и должна размещаться эта ссылка , или текст) в то место на каждой странице, где надо разместить ссылку. Хотя я могу ошибаться. Мб это связано с JavaScript. Не помню и найти никак не могу. Подскажите пожалуйста.
0 votes3 answers -
margin
Есть часть кода <td align="center"><input type="submit" value="Кнопка"></td> который работает. Но я хочу чтобы align задавался в моём css файле с помочью идентификатора. В html файле примерно так <td><input id="td22" type="submit" value="Кнопка"></td> Как правильно написать код в css файле? Этот код не работает: #td22 { margin: 0 auto; }
0 votes5 answers -
Как писать в файл?
Стал вопрос как записать в JSON файл информацию!? вот такая структура: window.dataStore = [{ title: "Гвардиола: «Немногие ставят на нас»", date: "25/04/2011", description: "Мадридский «Реал» подходит к первому полуфинальному матчу Лиги чемпионов против каталонской «Барселоны» в статусе фаворита, считает главный тренер каталонцев Хосеп Гвардиола, передает AP.", url: "http://i.eurosport.ru/2011/04/12/710370-8475905-317-238.jpg" }, { title: "Нойер: «Рауль обязательно забьет «МЮ»", date: "25/04/2011", description: "Перед первым полуфинальным матчем Лиги чемпионов между «Шальке» и «Манчестер Юнайтед» голкипер немецкой команды Мануэль Нойер вспомнил о том, как подавал мя…
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-