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
-
height:100% - проблемы с текстом
Сделал 100% высоту сайта с прижатым футером, все нормально, но только когда текст в контентной части увеличивается, то текст не видит футер(виден текст который за футером). Высоту сделал примерно так: wrapper : min-height: 100% , margin-bottom: -150px; footer : height: 150px; Полностью код привести не могу, т.к. пока проблемы с сайтом
0 votes3 answers -
Растянуть плавающий блок на всю оставшуюся ширину
Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block
0 votes0 answers -
Принцип назначения размера шрифтов текста и заголовков при адаптивной вёрстке
Здравствуйте. Хочу прояснить, как можно в адаптивной верстке оптимально и просто управлять размерами шрифтов при разном разрешении (без привлечения сторонних плагинов типа slabText). Это правильный подход: 1. Нужно назначать один базовый размер основного текста для body для каждого диапазона разрешений экранов(при маленьких разрешениях экрана целесообразно слегка уменьшать базовый размер текста) 2. А затем заголовки и особо значимые тексты уже масштабировать с помощью процентного указания размера шрифта font-size: ххх% Это рабочий подход?
0 votes4 answers -
Высота фона боковых блоков
Добрый день! У меня на сайте имеется фоновая картинка 4х4 пикселя, которая повторяется по всей высоте и ширине страницы Над ней сверху по бокам сайта накладываются ещё две картинки (я это сделал созданием двух div) Не могу сделать так чтобы эти 2 div были на всю высоту страницы. Если ставлю height:100% то они только на высоту экрана, а при пролистывании дальше их нет. Пока сделал height:500% чтобы примерно подогнать под высоту страницы с учетом контента, но если контента на странице мало, то в нижней части страницы остаётся куча пустоты.
0 votes6 answers -
Кривое отображение в мозиле
Проблемы с отображением дизайна в браузере мозила фаерфокс . <div class="lk"> <div class="user"> <h2 style="text-align:center;margin: 0;color:#363636; padding:0:">Денис Карпов</h2> <hr style="width:517px;margin:0;padding:0;margin-bottom:3px;background:#708090;"> <div class="big-avatar"></div> <div class="left-user"> <h4 style="float:left;text-align:left;margin: 0; padding:0;">Статус:</h4> <br> <br> <h4 style="float:left;margin: 0; padding:0;">Количество баллов:</h4> <br> <br> <h4 style="float:l…
0 votes0 answers -
Как это реализовать ?
http://s013.radikal.ru/i322/1409/cc/5a04ab101d33.jpg как сделать это ? боредром радиусом не получается.
0 votes6 answers -
Вёрстка IE Mozilla, не верно работает filter
Только один Google Chrome отображает верно! Как именно нужно настроить кроссбраузерные стили что бы изображение стало чёрно белым? Я делал так и сработало только в Google Chrome : -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);-moz-filter: grayscale(100%);Вот сам пациент : http://myatlanta.pe.hu/templates1/
0 votes1 answer -
Масштабировать код шаблона
Здравствуйте! Есть HTML, CSS страницы, всё вроде нормально, но при сжатии окна браузера до максимума, внизу появляется скрол (ползунок, прокрутка). Как и сообщил ранее - всё вроде сделал, но что-то мешает, может margin, padding где-то проглядел. Просьба подправить с пояснением что и куда. Адаптация под мобильники, планшеты и т.п.
0 votes1 answer -
Как сделать, чтоб всед за одним слоем второй также удлинялся в высоту?
Подскажите пожалуйста ещё раз, как сделать, чтобs всед за одним слоем второй также удлинялся в высоту?
0 votes2 answers -
Почему на тег br не действует visibility?
Собсно, сабж. Нужно убрать четыре строки текста, сам текст я убираю, но остаются пустые строки. Пишу: а он мне хоть бы хны Что такое?
0 votes3 answers -
Подсунуть слой вправо за правое окно браузера
В общем примерно такая задачка: Необходимо зафиксировать слой (див), а когда окно браузера сужается, чтоб он уезжал вправо и не появлялось горизонтальной прокрутки. (т.е. при большом разрешении видно картинку в слое, при меньшем - половинка остается за правой стороной, при еще меньшем - вообще не видно соотвествнно.) Как думаете? Лично пока придумал создать слой на 100% ширины окна, применить overflow: hidden; и внутри него уже фиксировать слой постоянный, но может быть есть способ получше... Спасибо заранее
0 votes1 answer -
Проблема с верхним отступом в IE
В IE в самом верху макета появляется отступ, т.е. становится видна небольшая полоска с задним фоном сайта. Никак не могу понять откуда он берётся. Сайт http://www.evolis-russia.ru
0 votes1 answer -
Проблема со вставкой банера
Подскажите как правильно вставить баннер, чтобы он работал. Вот код баннера: <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent ('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','728','height','90','src','test','quality','high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align','middle','play','true','loop','true','scale','showall','wmode','window','devicefont','false','id','test', 'bgcolor','#ffffff','name','test','menu','true','allowFullScreen','false','allowScriptAccess','sameDomain','movie','http://pana…
0 votes2 answers -
Рационально ли?
Сегодня потребовалось создать, вот такой ярлычок с датой: Вроде бы все получилось, но может есть какой-то способ проще такое сделать, просто для себя интересно на будущее. Вот мой способ: HTML: <div class="news-img"><img src="/img/post1.png" /><span></span><div class="date"> Oct 18, 2010</div></div> CSS: .news-img { position: relative; } .date { padding-right: 24px; background: url('../img/date-arrow.png') no-repeat right; position: absolute; top: 20%; } .date p { background: #2da8d2; padding: 5px 6px 6px 0; } .news-img > span { width: 14px; height: 55px; display: block; position: absolute; left: …
0 votes7 answers -
Упрощенный редактор для сайта
Привет всем! Подскажите пожалуйсто или наведите на мысль! Хочу прикрутить WYSIWYG редактор на гостевую страницу. Их много, они разные и прикольные. Но мне надо максимально урезать колличество функциональных кнопок -- оставив лишь самые основные (B, U, I), ну может еще парочку и обязательно возможность добавления картинок с локального компьютера. Мне даже не нужна возможность править HTML. Перевернула весь Гугл в поисках решения, но чегото маленького и простого не нашла. Или есть, но без файлового менеджера. Подскажите, может стоит самой попробывать что то написать, вместо того, что б разбираться в этих огромных библиотеках.
0 votes3 answers -
Смысл значения -x%
Здравствуйте! Помогите, пожалуйста, понять смысл этого кода Html: <body> <div id="container"> <div id="header">шапка</div> <div id="wrapper"> <div id="content">содержимое</div> </div> <div id="menuGr">меню1</div> <div id="menuBb">меню2</div> <div id="footer">информация</div> </div> </body> Css: html,body{ margin:0; padding:0; } #wrapper{ float:left; width:100%; } #content{ margin: 0 25%; } #menuGr{ background:#7F120D; float:left; width:25%; margin-left:-100%; } #menuBb{ background:#0404EE; float:left; width:25%; margin-left:-25%; } #footer{ background: #…
0 votes7 answers -
Вывод картинки
Всем привет, может ли кто-нибудь подсказать как сделать вывод картинки например, как на этом мониторинге при наведении мышки на название карты или примерно подобное... Пример: _http://www.gameufa.ru/
0 votes8 answers -
Поведение блока в зависимости от другого
Приветствую! Нужна помощь. Нужно сделать так, чтобы содержимое одного блока центрировалось по вертикали в зависимости от другого. Наглядно должно быть так: То есть нужно как то сделать так, чтобы содержимое блоков 1 и 3 всегда вертикально центрировалось в зависимости от содержимого блока 2. Такое в принципе можно реализовать на таблицах, но увы, нужно это как то сделать на дивах. Подскажите пожалуйста как такое реализовать. Может есть скриптик JS какой. Заранее спасибо!
0 votes8 answers -
Флешь прикрытие
Приветствую мои друзья. Я не силен в CSS вот и обращаюсь. Возьмем к примеру большой флешь объект размером - 920х635. Он стоит ровно по середине. При изменении размера экрана бразузера он все-ровно стоит по середине. В этом флешь файле мне нужно закрыть (прикрыть) часть самого этого файла. Я пытался закрыть картинкой размером 387х159, у меня получилось. Закрывал с помощью тега <div id="apDiv2"></div> вот с таким css стилем #apDiv2 { position: absolute; left: 53%; top: 1666px; width: 387px; height: 159px; z-index: 1; background-color: #FFF; background-image: url(../_img/sf_ban.png); }. Но есть небольшая проблема для меня. По вертикали проблем пока врод…
0 votes7 answers -
Как создать изображение кодом?
Здравствуйте! Нужна помощь понимающих. Вопрос: Я хочу сделать иконку не путем добавления ссылки на изображение в код, а кодом, указав размер иконки в 20px, 20px и каждому пикселу присвоить свой цвет, чтобы в итоге они образовали простую иконку. Цель: Получить иконку без надобности заливать изображение на хостинг или использовать с иного ресурса. Подскажите пожалуйста пример кода, как присваивать цвет пикселам. Желательно html, думал сделать через canvas и js, но здесь подвох, если js отключены, иконки отображаться не будут, поэтому остается html. Но если это анриал, тогда уже js, хотя мне кажется это просто сделать, только мне не хватает соображения, что бы понять как это…
0 votes4 answers -
Сайт расползается :-(
Помогите разобраться в чём или где находится проблема. При смене размера шрифта сайт расползается. Так же в некоторых браузерах отображается всё криво. Сайт: http://www.hddlab.de
0 votes3 answers -
FireFox таблицу криво отображает или у меня в коде ошибка ?
Сверстал таблицу, с объединениями ячеек по вертикали там где надо rowspan, проверил во всех браузерах нормально отображается, в последней версии firefox таблица немного неккоректно отображается на скрине указал, Это баг у FireFox ??? Вот вдобавок код набранной таблицы прикладываю, проверял ошибок не нашел <table id="list-table"> <tbody> <tr> <th>Регион</th> <th>Город</th> <th>Сроки <br> доставки</th> <th>Способ доставки</th> </tr> <tr> <td>Алматы, Астана</td> <td>Алматы</td> <td>2-6 дней</td> <td>Курьерская служба</td> </tr> &l…
0 votes3 answers -
Отступы вокруг изображений и текст под ними
Здравствуйте.Ломаю голову не могу понять как сделать оступы слева справа одинаковыми отступ от текста сверху примерно 10px и под изображением текст в моём случае название колекции.кто нибудь может дать нормальный рабочий код.вот скрин ссылка на горе страницу nezhnost-luh.ru/svp.html. мой ксс http://jsfiddle.net/hz8nu/
0 votes6 answers -
Как сделать правильное от отображение формы обратной связи?
Добрый день! Недавно у меня возникли проблемы с формой обратной связи - сообщения не приходили. Сайт я делал в Adobe Muse. Изначально форма имела такой вид ( я укажу лишь участок кода, чтобы внимание не распылять, так-как я думаю проблема именно в этом участке ) : $to = 'london@asiris.esy.es'; $subject = 'Home'; $message = '<!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"><head><meta http-equiv="Content-Type" content="text/plain ;charset=UTF-8"/><title>' . htmlentities($subject,ENT_COMPAT,'UTF-8') . '</title>&l…
0 votes0 answers -
Не загружается картинка
В общем проблема вот в чем,сначала должна идти обводка а до линии должна быть шапка.Я её вставил,но она отображается поверх обводки. Я пробовал сначала разместить шапку, а затем обводку,но шапка не отображается вообще.А если сначала разместить обводку,а затем шапку, шапка отображается. Скрытый текст <div id="header"> <div id="obvodka"> <img src="img/obvodka.png"> </div> <div id="shapka"> <img src="img/shapka.png"> </div> …
0 votes4 answers