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
-
Вне блока
Здравствуйте. Извините, что отвлекаю. У меня есть блок div,в котором прописаны свойства рамки. В нём я вставил текст, который мне нужен. Теперь собираюсь вставить ссылку, в этом же блоке, но надо, чтобы в браузере она была за рамкой. Что прописать в классе не знаю. Обтекание? hidden, как правильно написать не знаю.
0 votes5 answers -
Помогите отредактировать шаблон
Помогите настроить шаблон. Пытаюсь поправить шаблон под себе, но не могу разобраться в позиционировании. Код index <!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" /> <meta name="author" content="Luka Cvrk (www.solucija.com)" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <title>minimalistica</title> </head> <body> <div id="content"> <h1>minimalistica</h1> <ul id="menu"> <li>&…
0 votes14 answers -
Эмуляция placeholder в старых браузерах
Написал небольшой javascript, который эмулирует работу нового атрибута placeholder, появившегося с приходом htm5, в старых браузерах (особый смысл это имеет в ie). Placeholder - выводит текст внутри поля формы, который исчезает при получении фокуса. В сжатом виде скрипт весит всего 1 609 байт. Плюсы данного решения: Не какого лишнего js-кода в html Маленький размер Не нужны сторонние библиотеки (например я находил решения с использованием jQuery) Обработка отправки формы на сервер (т.к при эмуляции подсказки хранятся в value они могут быть отправлены на сервер вместе с другими - заполненными полями). Placeholder.js обрабатывает эту ситуацию и не посылает лишние данные н…
0 votes5 answers -
Найти сайт по коду
Здравствуйте Коллеги! Работаю над сайтом-визиткой. Требованием заказчика является отсутствие каких либо данных о разработчике сайта, кроме того заказчик не сообщает ни имя сайта, ни доменное имя. По условиям ТЗ необходима лишь настроенная CMS (свёрстанный шаблон, настроенное меню, слаидбоксы и т.п.) без контента. Вопрос: Что можно вписать в код для того чтобы потом можно было легко найти "свою работу"?
0 votes2 answers -
Что использовать? iframe или...?
Всем привет! Столкнулся с необходимость создать нечто подобное на большой оффлайн справочник, написанный на html с применнием таблиц стилей. Собственно не знаю с какой стороны подойди к созданию, в силу своего крайне скудного опыта. Суть такова, что будет основное меню и уйма разных страничек, которые однотипно подгружаются по нажатию на элементы меню. При этом справочник постоянно расширяется и в меню будут появляться новые элементы, группы и прочее. Первое, что приходит в голову, это использовать iframe, так как о серверном коде речи не идёт. Но всё как-то криво, косо, неудобно, чтоли. Буду рад услышать как бы вы это делали в сторону чего лучше посмотреть для успешной р…
0 votes2 answers -
Стоит ли переходить на HTML5
Стоит ли переходить на HTML5 ? Сейчас 09.04.2014. Какие при этом будут плюсы и минусы ?
0 votes9 answers -
Убрать нижний отступ под видео
Здравствуйте!Простите, если не сюда пишу.Уже несколько дней не могу найти свою ошибку.Прошу помощи.Пишу сайт.Вверху страницы горизонтальное меню - фиксированное.Под горизонтальным меню вставляю видео с текстом. Видео затеняется с помощью overlay.Все вставляется, но под видео большой отступ, заполненный тенью от видео.Как убрать большой отступ?На скрине выделена область, которую необходимо убрать.Сильно не пинайте, пожалуйста, только начинаю изучать это дело.Сайт запускаю на OpenServer. В веб еще не выкладывал. Index <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Мой сайт</title> <li…
0 votes0 answers -
Проблема с автоматической высотой дива.
Странная возникла проблема... Есть слой с автоматической высотой, в нем находятся 2 слоя, справа и слева с фиксированными высотами. При этом, главный слой, по идее, должен удлиняться в зависимости от высоты тех 2-х слоев. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/css; charset=windows-1251" /> <title>Gallery</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <div class = "main"> <!-- Header--> &l…
0 votes1 answer -
Скачут элементы формы под разными браузерами
Доброго времени суток. Создал форму, содержащую три элемента: input text, select и input submit. Под IE 6 все выглядит как надо, т.е. все элементы выровнены по верхней границе. Но в FireFox 2 и Opera 9 эти элементы скачут. Буду признателен, если подскажите, в чем может быть причина. Пример формы: http://rdk.at.nsu.ru/test.htm
0 votes3 answers -
В IE 7 не отображаются точки в UL
Добрый день всем Почемуто в IE 7 не отображаются точки в UL , а в FireFox работает прекрасно , подскажите что не так Пробывал играться и если вынесу лист из дива то работает , бьюсь уже 2 часа понять не могу Спасибо всем <div style="padding:30px; text-align:right; width:800px; height:1000px;"> <div> <img src="/eden/title_iso_14001.jpg" width="720" height="76" /><br><br> <p class="paragraph">ניהול מערכת איהות הסביבה</p> <br> </div> <div style="float:left;width:750px; height:1000px; position: relative;"> <div style="position:relative; top:100px; left:-700px;"> <d…
0 votes4 answers -
Подскажите про сайты на Флеш
я вероятно немного отстал от жизни Есть прекрасные карисвые сайты на Флеше...так вот у меня вопрос чем эти сайты делать Flash MX я думал всегда но тут наткнулся на какойто Adob Flash так вот вопрос что изучать чтобы делать флешь-сайты и еще вопросик где можно инфы почитать как вообще вобщем обстоит и реализуеться дело с флешь-сайтами Заранее спасибо за ответы!
0 votes4 answers -
Верстка табов
Подскажите как правильнее сверстать такие вкладки: http://pics.livejournal.com/happi_net/pic/0000p6sh/ чтобы каждая следующая вкладка ложилась под предыдущую чтобы вся вкладка была ссылкой и чтобы ссылки еще не перекрывались у меня проблемы именно с этим перекрывающими уголками, получается ссылка накладывается поверх следующей вкладки и еще каждой вкладке приходится прописывать свой z-index, что не делает код универсальным памагите!
0 votes6 answers -
очередной бой с IE
Проблема с фонами, в chrome и mozilla отображается нормально, а вот IE не очень. Помогите пожалуйста. http://www.planet-tour.com.ua/ Вот так выглядит в ie8 А вот так в chrome Сразу приношу извинения за правильность кода я только начинаю углубятся в веб-программирование. /* Title Control */ table.moduletable_blue th { display: table-cell; height: 46px; width: 294px; padding-left:10px; font-size: 16px; background:url(http://www.planet-tour.com.ua/templates/planet_tour/images/menu_h.png); background-repeat:no-repeat; text-align: left; color: #FFFFFF; vertical-align:middle; } /* Module tbody Control*/ table.moduletable_blue tbody{ display:block; width:294px; back…
0 votes11 answers -
Вертикальное центрирование многострочного текста
Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!
0 votes4 answers -
Очень простая задачка!
Вот есть форма с авторизацией.Там есть текстовое поле для пароля.И я хочу чтоб начальное значение у него было "Пароль" .Так вот когда делаю value='Пароль' ,то вместо этого у мя звёздочки.Как сделать ,чтоб были буквы?
0 votes13 answers -
Так ли нужно прижимать футер ?
Знатоки поделитесь знаниями. Нужно ли все время прижимать футер ? Делаю вторую верстку всего, использую схему с прижатым футером, но контент не требует этого.
0 votes8 answers -
Градиент на Mac OS
Подскажите как сделать css градиент на 20% высоты блока, чтобы корректно смотрелось на Safari, что на Mac, что на Windows. Сейчас выглядит вот так: http://www.picshare.ru/view/6918945/ справа Safari, слева остальные браузеры background: -moz-linear-gradient(top, rgba(247,247,247,0.65) 0%, rgba(128,128,128,0) 48%, rgba(0,0,0,0) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,0.65)), color-stop(48%,rgba(128,128,128,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(247,247,247,0.65) 0%,rgba(128,128,128,0) 48%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */…
0 votes6 answers -
Сдвиг текста
HTML: <div class="sidebar"> <h2>Рейтинг новостей</h2> <ul> <li><a href="#">Первый</a><span class="rating_sidebar">8.1</span></li> <li><a href="#">Второй</a><span class="rating_sidebar">7.9</span></li> <li><a href="#">Третий</a><span class="rating_sidebar">6</span></li> <li><a href="#">Четвертый</a><span class="rating_sidebar">5</span></li> </ul> </div> …
0 votes1 answer -
Переделка шаблона под cms
Задача:нужно переделать шаблон(Psd,html,css файлы присутствуют) под смолу.Файл шаблона сделан версткой слоями.Для этого имхо удобней конвертировать слои в таблицы а затем распихивать их по *.tpl Проблема:В дримвивере при конвертации слоев в таблицы исчезают несколько картинок. Где собака зарыта?
0 votes1 answer -
Правая граница таблицы выходит за границы
Имеется большая таблица на всю страницу из 2-х ячеек - широкая для контента и узкая справа для меню. В контентной ячейке заголовки в виде отдельных одноячейковых таблиц более т?много цвета с двойной рамкой, код: <table id="title"><tr><td>Обзоры и статьи</td><tr></table> В CSS: #title {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} #title td {width:100%; padding: 5px; border: 3px double #ffeac2; background-color: #ffeac2; font-size: 13px; font-weight: bold;} Но справа таблица-заголовок уходит за границы контентной ячейки, визуально это выглядит так: http://www.allmo…
0 votes0 answers -
Помогите сверстать блоками...
Всем привет! Нужен совет или лучше урок Задача: сверсать сайт блоками, так что бы все блоки были как на картинке ниже Необходимо, что бы все блоки распологались по середине и имели одинаковую шинрину Вверху будет логотип сайта, ниже навигация с картой изображений, дальше блоки с текстом и в самом низу копирайты и т.д. Я только начинаю работать в этой области, поэтому сильно не ругайте за глупые вопросы Раньше делал сайты на таблицах, но в этом случае нужна верстка именно блоками... Заранее благодарен.
0 votes3 answers -
Интересная структура
Всем доброго времени суток. Меня интересует вопрос - как сделать такую структуру как на этом сайте? - http://bit-center.ru/ И как люди делают штуки типо по бокам повторение по X и идут картинки? Например как тут http://www.edinros.ru/ Думаю это делаю путём таблиц - то есть делаются 3 колонки и двум из них присваиваются фоновый рисунок
0 votes6 answers -
Что такое .over ?
Вопрос по примеру всплывающей менюшки с сайта http://www.htmlbook.ru/css/hover.html Вот этот стиль: LI:hover UL, LI.over UL { display: block; /* При выделении пункта курсором мыши отображается подменю */ } Что значит .over ? Это псевдостиль какой-то? Буду очень благодарен.
0 votes1 answer -
Как выровнять текст в ссылках по ширине?
Есть менюшка из нескольких ссылок. Вот код: <div class="header_menu"><div> <a href="index.html" class="logo"><span>ИНВЕСТ</span> ПРОЕКТ</a><br /> <a href="">архитектурные проекты</a><br /> <a href="">проекты интерьеров</a><br /> <a href="">подробности и цены</a> </div></div> Стили: .header_menu{padding-bottom: 99px;} .header_menu div{float: right;} .logo{height: 13px; display: block; margin-bottom: 18px; font: 18px Impact; font-weight: bold;} .logo span{color: #fff;} .header_menu a{margin-bottom: 16px; display: block; text-align:justify;} .he…
0 votes1 answer -
Оередность загрузи элементов страницы
Подскажите пожалуйста, как повлиять на очередность загрузки элементов страницы. Сайт написан с использованием слоев DIV. В центральном слое лежит java скрипт комментариев ( из себя он представляет ссылку <script src="http://домен/comments.js"></script> ). Из-за того что скрипт грузиться с чужого сайта долго, подвисает загрузки остальных элементов страницы. Я хочу чтоб загрузились все элементы, лишь затем скрипт комментариев. Например засунуть скриптв слой и сделать так чтоб слой с скриптом грузился последним. Или есть другие варианты?
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-