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
-
Текст не зачеркивается в Opera (text-decoration: line-through)
Проблема такая: Красная цена должна быть зачеркнута, но в опере она почему то не зачеркнута, Код такой: text-decoration: line-through!important; Вот адрес на страничку Сайт
0 votes5 answers -
Резиновый дизайн
Задача: все колонки резиновые и общий слой по центру страницы. Верно ли я сделал? Подскажите каким еще способом можно? <html> <head> <title>iRock-Виртуальный любимец Rock</title> <link rel="stylesheet" href="style.css" type="text/css"> <script> </script> </head> <body > <div id="content"> <div id="rock"> <p>В виде приложения под Андроид доступен справочник «Рецепты CSS», в котором собраны ответы на популярные вопросы, касательно оформления элементов веб-страниц. Все рецепты систематизированы по категориям, содержат таблицу поддерживаемых браузеров, пример и результаты вы…
0 votes1 answer -
css Меню
меню находится внутри левого сайтбара <div>, хочу чтобы меню был на одном уровне с контентом. Знающие люди помогите пожалуйста. Вот как это выглядит: еще одна проблемка нарисовалась, помещаю текст в контент и текст забегает на территорию левого сайтбара хочется, чтобы каждый обтекался на своей территории а не забегал в гости Еще один скриншот:
0 votes2 answers -
Два блока, один - резиновый
Вместо тысячи слов... Как? подскажите пожалуйста
0 votes2 answers -
Решение нетривиальной задачи с отступами.
Здравствуйте, дорогие форумчане! Я в первый раз на вашем форуме, так что извините, если создал тему не там, где полагается. Суть проблемы такова: имеется див, в котором два дочерних дива делят между собой его пополам. По ТЗ каждый второй дочерний див, примыкая к своему соседу с правой стороны, имеет отступ от него, равный 12px. Собственно, данная конструкция не работает в IE8 и в версиях ниже - отступ почему-то пропадает, в этом и вся проблема. Для наглядности, приведу код: .parent-element { float: left; height: 174px; width: 378px; background: white; border-radius: 7px; border: solid 3px #f27d00; } Код марджинга дочернего элемента: .child-element:nth-child(eve…
0 votes3 answers -
Видео перекрывает фон lightbox
Моя ссылка - при нажатии на картинку с прибором видео перекрывает фон. Это можно исправить?
0 votes2 answers -
картинки закрывают внешнюю рамочку
Нужно создать блок с бардюром а внутрь него добавлять картинки то же с бардюром(список фотосетов). http://jsfiddle.net/n7CPB/ Сие отображается как надо но без внешней рамочки(по 3 в ряд). Как только убираю float:left; из .block4 внешний бордюр возвращается но картинки соответственно расположены вертикально. Подскажите где беда. P.S. Если вопрос идиотский прошу понять и простить ибо проба пера.
0 votes5 answers -
Проблема с резиновым дизайном
Всем привет, не нашел ответа на свой вопрос, т.к. поиск выдаёт ошибку Делаю резиновый дизайн, где 3 колонки, боковые имеют фиксированую ширину по 300px, а центральная растягивается пов сем ширине моника то есть width:100%. Не получается, свойство float не работает.... помогите, в чем ошибка?, как лучше реализовать задачу? HTML <body> <div id="container"> <div id="col-left">123</div> <div id="col-center">123123</div> <div id="col-right">123</div> </div> </body> СSS #container { width:100%; padding:5px; background:#CCCCCC; overflow:hidden; } #col-left { width:300px; background:#00CCFF; float:left; } #c…
0 votes3 answers -
Портфолио.Что и как?
Доброе время суток! Около 3 месяцев занимаюсь изучением HTML,CSS,JS,в скором времени будет PHP,MySQL.В основном пока интересует деятельности верстальщика.Практикуюсь как могу,получается понемногу) Но с недавних пор начал встречать понятие "портфолио".В общих чертах знаю что это такое. Вопрос банальный,точно задавался уже на форуме,но поиск не работает( Как должно выглядеть портфолио верстальщика,ну или "веб-мастера"?То есть свой сайт,блог,просто набор работ и т.д? Смотрел шаблоны сайтов,далеко не все можно вкладывать в портфолио.Какие тогда можно и нужно вкладывать? И есть ли сайт где можно взять шаблоны. Портфолио нужно и для постоянного трудоустройства,и как для фриланс…
0 votes3 answers -
Масштабирование против центрирования
Здравствуйте. Вот сайт есть: http://www.homotomia.ru/ Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так: $("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" }); document.body.style.MozTransform="scale(0.65)"; // для FireFox if ($.browser.opera) { $("body").css("marginTop", "-150px"); document.body.style.OTransform = "scale(0.65)";// Для Opera } И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого са…
0 votes1 answer -
Рекламные блоки которые находятся на разных страницах, как сделать что бы, не надо было изменять рекламный блок редактируя код каждой страницы вручную
Рекламные блоки которые находятся на разных страницах, как сделать что бы, не надо было изменять рекламный блок редактируя код каждой страницы вручную. Извините что не смог сформулировать более чётче... Пример: Сайт и в нём есть допустим 20 страниц и в каждой страничке по рекламному блоку или двум блокам. Задача: Что бы была возможность изменять рекламные блоки из "одного файла или java скрипта", а не в каждой страничке в отдельности, а на страничках просто вставить что то вроде фрейма или чего нибудь ещё, что бы он брал инфу с "одного файла или java скрипта" так как сам плохо в этом понимаю помогите пожалуйста буду очень признателен.
0 votes4 answers -
Циклическая смена фона у div
Здравствуйте. Подскажите пожалуйста, как кожно реализовать циклическую смену фона у div'а. Например: есть несколько небольших изображений и их нужно менять при каждом обновлении страницы. Сейчас имею: html: <div class="head"></div> css: .head { height: 200px; background: #e2e1e7 url("../images/head.jpg") no-repeat; background-position: right; border-radius: 10px 10px 0px 0px; }
0 votes9 answers -
Логотип в wordpress
Всем джамбо. Хотел на сайт логотип закинуть, столкнулся с такой проблемой, что image не отображается на сайте. Картинку кидал на удаленку в /themes/../image/ с расширением jpg. Потом в header.php после <div id="logo"> вставлял <img src='...'> и ничего( Кто сможет подкиньте пожалуйста дельный совет.
0 votes7 answers -
Есть ли специальная программа?
Есть ли специальная программа в который можно было расставлять или создавать блоки . свой размер свою позицию?
0 votes4 answers -
Блоки <DIV>
Здравствуйте! Прошу вас о помощи! Мне необходимо переделать сайт, который состоит в основном из блоков <DIV>. Сейчас столкнулся с проблемой: блоки налезают друг на друга. Как мне их упорядочить, чтобы второй блок начинался после того, когда закончится первый? Заранее спасибо! <div id="text24" style="position:absolute; margin-top: -80px; overflow:hidden; left:13px; top:1550px; width:781px; height:380px; z-index:77";> <div class="wpmd" align=justify> БЛА БЛА БЛА </div></div> <div id="text25" style="position:absolute; overflow:hidden; left:13px; top:1813px; width:786px; height:74px; z-index:78;"> <div class="wpmd"> БЛА …
0 votes3 answers -
Элемент переносится на следующую строку; почему?
Хелло ворлд! Я в верстке недавно и зелен как побег фасоли. Ссылка. Под большим блоком находятся спаны, последний из которых почему-то переносится на следующую строку. Почему? Ведь ширина спана равна 260 пикселов, отступ справа - 10 пикселов, у последнего элемента он отсутствует; 3 отступа по 10 пикселов и 4 спана по 260 пикселов равно 1070 пикселов; ширина <nav>'а равна 1080px В чем проблема? P.S. С математикой усе хорошо вроде.
0 votes3 answers -
Ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE
При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.
0 votes3 answers -
Дайте пожалуйста статьи на создание блоков
Дайте пожалуйста статьи на создание блоков,рамок.
0 votes9 answers -
Зависимое расположение элементов
Добрый день! Прошу совета у опытных верстальщиков. Проблема следующая: Есть динамически генерирумая таблица (генерация идет из базы данных), т.е количество строчек всегда разное. Под этой таблицей необходимо располагать надпись. Позиция надписи должна изменяться в зависмости отнижней границы таблицы. Подскажите как сделать такую зависимость средствами CSS. Заранее благодарю!
0 votes1 answer -
Размер шрифта в выплывающем меню
Всем джамбо друзья. у меня такой вопрос. вот картинка главной страницы http://storage3.static.itmages.ru/i/12/1227/h_1356616009_2486091_1055058102.jpeg . Можно ли сделать например для первых 4-х выплывающих строк (Реставрация - Отделка) жирный шрифт, а остальные оставить как есть? И сразу второй вопрос. Как закидывать сюда саму картинку, а не ссылку на нее? просто мне что-то подсказывает, что не все любят щелкать по ссылкам.
0 votes13 answers -
Карта изображения и Дивы поверх
Здравствуйте! Никто не сталкивался ли с такой проблемой ... Когда обозначается какой то участок на карте-изображения и к этому участку прикрепляется ссылка (<area href="#">), то эта ссылка становится не доступна если поверх неё спозиционирован DIV с фоном. Да или даже если просто спозиционировать один Див поверх другого, то в том диве который находится снизу, ссылки становятся не доступны. Можно ли как нибудь это обойти ?
0 votes1 answer -
Проблемы с IE 7 - 8
Добрый день. Вероятно решается просто. Не знал как сформулировать, чтобы загуглить. <a href="#"><div class="icon-share-shadow-17x13"></div></a> .icon-share-shadow-17x13 { background: url("/content/images/i/icon/icon-action-with-shadow.png") no-repeat -20px 0; width: 17px; height: 13px; display: inline-block; zoom: 1; *display: inline; } Не отображает иконки в IE - 7 - 8 Идею взял с http://fortawesome.github.com/Font-Awesome/ Про в хаке для IE 7 такой код: .icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
0 votes4 answers -
Чертовщина с border dashed
что за чертовщина никак не могу понять http://table.ts6.ru/ или тот же код страницы <!DOCTYPE html> <html> <head> <title></title> <style> body { background: #444; } div { margin: 0 auto; width: 400px; height: 90px; border: 1px dashed #000; padding: 0px; background: #444; } </style> </head> <body> <div></div> </body> </html> Создаю через блокнот пустой файл с расширением .html, пишу код это. открываю страницу через IE8 (в режиме совместимости с IE7 открывает страницу), рамка как надо, пунктирная, чёрная, F12 в IE перевожу реж…
0 votes12 answers -
Форма поиска.
Честно говоря я в этом ещё не до конца разобрался. И хотел изменить то как выдвигается поле. Оно выдвигается вправо , а нужно влево. Возможно ли это изменить? http://jsfiddle.net/cbJWy/
0 votes2 answers -
Как на ПК проверить вид сайта в браузере Андроида ?
Как на ПК проверить вид сайта в браузере Андроида ?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-