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
-
Проблема с версткой столбцов ul и li
Нужно свертсать три столбца, одинаковых по высоте не зависимо какое количество текста в них. Таких столбцов будет много. Столкнулся с проблемой, что меняется высота в зависимости от количества текста, как сделать, что бы высота менялась в зависимости от столбца? Без использования явы, только css, например через td, высота выравнивается во всех внутри тега tr, но с ними началась проблема когда начал задавать перенос строки при помощи word-wrap: break-word;. В общем, что то я запутаолся. Тут вы можете посмотреть, что у меня получилось, возможно найдете ошибку. http://jsfiddle.net/UnwHS/1/
0 votes4 answers -
Прозрачность слоя
Здравствуйте. В фотошопе элемент выглядит так: я взял слой градиента и вставил картинкой на background, получил такое - а теперь сам вопрос, - добиваться нужной прозрачности нужно через свойство opacity или я все делаю не так и есть какой-то правильный метод, если да - поведайте. Спасибо
0 votes8 answers -
Как правильно сделать адаптацию к маленькому экрану?
В общем, есть это: http://jsfiddle.net/78DAJ/ Справа должен быть навигационный блок. Слева должен быть контент. Когда экран меньше 1024 пикс, то панелька справа налазит на текст контента. Так вот вопрос: 1. Сделать через @meta фиксацию размера сайта, типа отступа в 896 пикс? 2. Поставить какой-нибудь чудо-тег, скорее всего из jQuery, который считает размер контента и ставит автоматически отступ для right? 3. Может, я не вижу более очевидного решения? PS Отмечу, что параметры блока right нельзя менять, т.к. он должен ползать за пользователем по странице, в 100% высоту.
0 votes6 answers -
Стилизация BOOTSTRAP
Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект. Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект. Если я создам свой файл стилей и буду там переопределять их. Это правильный подход? Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка? Например нет встроенных стилей для футера и т. д.
0 votes1 answer -
В firefox пропадает часть страницы
Здравствуйте. Есть шаблончик: http://template-preview.ru/OS/3001108571/ В firefox не отображаются картинки в середине страницы. Помогите понять в чем проблема.
0 votes2 answers -
Ошибка "Используйте кеш браузера"
Здравствуйте, коллеги. сверстал сайт, а pagespeed ругается: "Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета." Как это сделать? Он приводит список моих js, css файлов и предлагает им задать эти параметры. Как это делается? Можете на примерах сказать? буду признателен за помощь!
0 votes1 answer -
Задержка трансформации
Как заставить элемент удалиться только после 2-х секунд наведении вышкой? transition:display 2s 2s; :first-of-type:hover{ display: none; }
0 votes5 answers -
Как получить айди нажатого объекта?
У меня есть картинка <input type = "image" class = "but1" id = "11">. Её айди 11. Как сделать так, чтобы при нажатии на эту картинку я получал её айди, то есть 11?
0 votes1 answer -
Много таблиц
У меня на сайте несколько таблиц. И так получается, что оформление у них будет совершенно разное. Не только самих таблиц, но и соответвенно ячеек. Как грамотнее будет оформить это в css? Пока я задаю классы для разных видов table и td. Но если таблица большая в каждый td вставлять класс довольно долго. Вопрос нет ли менее трудоемкого способа? Или я много хочу?
0 votes2 answers -
Защита адресов электронной почты
:cool:Здоровенько всем, кто хотя бы чуть-чуть понимает что такое HTML и PHP. есть вот такой вопрос: на сайте необходимо выложить адрес эл. почты - надо защитить его от ботов. есть вариант ч-з <script type="text/javascript"> var text='ur.cezarbo!elas'; var link=true; var s=''; for(i=0;i if(link) document.write(''+s+''); else document.write(s); но он не отображается на страничке!!! всю голову сломал. у кого есть монтировка - помогите...
0 votes1 answer -
Не понял
В этой статье http://www.artlebedev.ru/tools/technogrett...floats-in-ie-3/ говорилось о какой-то закругленной пунктирной рамке, у которой пунктир у закругления пропадал, т.е. не попиксельно, а либо показывался полностью либо не показывался совсем. Так как такое реализовать? Я даже не знаю как в гугле точно ввести вопрос о такой вещи))) И как в фотошопе нарисовать закругленную пунктирную рамку?))))))
0 votes3 answers -
Проигрыватель wav
Добрый день! Подскажите, как установить проигрыватель на сайт для wav-файла? Спасибо!
0 votes1 answer -
Центрирование или нет сам не пойму
Сайтец: опа До этого вместо flashки была просто картинка, через css background top center, нижний прокрутки не было. Вставил flashку, появилась полоса прокрутки + что-то мне подсказывает, что отцентрировал я не правильно. Как заставить flash вести себя как background? Сейчас сделал через position:absolute;z-index:5. Всем остальным элементам position: relative; z-index: 10.
0 votes6 answers -
img в качестве фона страницы
есть изображение 1900*1000 оно в теге img размещено в div'е, у которого самый низкий z-index для div'а задана max-width и max-height таким образом в случае если разрешение экрана превысит размеры изображения, оно растягиваться не будет, а будет центрироваться margin'ами на разрешениях меньших, чем размеры изображения, картинка очень хорошо растягивается проверял от 800 до 1600 - больше монитор не показывает картинка ужата до 115Кб, качество осталось вполне сносное какие могут быть минусы у такого решения?
0 votes3 answers -
Нужна Ваша помощь
Решил поставить водяные знаки на своем блоге (Wordpress). Воспользовался специальным скриптом, который нашел в сети. Работает замечательно. Но беда в том, что после установки, ухудшается качество картинок на сайте. Скрипт брал отсюда: http://n-wp.ru/4635 Там всего один коротенький файл php: <? waterMark($_SERVER['DOCUMENT_ROOT'].$_SERVER['REQUEST_URI'], "watermark.png", "bottom=0,right=0"); function waterMark($original, $watermark, $placement = 'bottom=5,right=5', $destination = null) { $original = urldecode($original); $info_o = @getImageSize($original); if (!$info_o) return false; $info_w = @getImageSize($watermark); if (!$info_w) …
0 votes4 answers -
Кратная (минимаксная) ширина div
Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …
0 votes5 answers -
с чего начать?
Весьма недавно я начал входить в мир html and css. Я весьма быстро разобрался, что к чему и почему, но сейчас я просто сажусь по вечерам за компьютер и начинаю, что то писать, какие то таблицы делать, потом просто закрываю и уди спать (не сохраняя, поскольку там в том что я сделал смысла не какого нету, да и мне оно самому не нужно). Вот сегодня я каким то чудом понял, что я не знаю, что мне писать. Т.е. я знаю, как, но не знаю, что. прошу вас, подскажите, что то, какой то концепт сайта, или просто какой то давно заброшенный проект над которым можно было бы поработать и дальше учится, а не как я таблички делать. Но учтите то что я еще начинающий, я не знаю, что такое php …
0 votes2 answers -
Выпадающее меню одной строкой
Привет! Сделал выпадающую гориз. менюшку в Dreamweaver, когда увеличиваешь страницу часть элементов меню прескакивает на новую строку, пробовал различные варианты форматировая, пробовал поместить меню в таблицу ничего не получается (позникают проблемы с JS ) , подскажите что можно сделать в данной ситуации, нужно чтобы меню при изменении масштаба не ломалось...может рецептик какой кто знает? <!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/html; charset=utf-8" /> <title>…
0 votes2 answers -
фильтр для yahoo почты
на почте yahoo есть лишние элементы (поле справа и т.п.) Их можно удалять, подставляя свои значение стилям в файле Firefox (chrome/user-content.css) Такие скрипты есть на сайте userstyles.org. Но на yahoo что-то поменяли, поэтому сборная солянка из нескольких наборов перестала работать. Хорошо бы, если бы появились на форуме желающие создавать подобные фильтры для почты (на hotmail и google такие фильтры занимают гораздо меньше места и работают пока).
0 votes0 answers -
Помогите создать тень
Пробовал по-разному, уже и трики разные перечитывал...но не получается достигнуть нужного эффекта: Т.е. имеется блок. Надо задать ему внутреннюю тень, так, чтобы она была только с одной стороны, в начале (вверху) и в конце(внизу) блока заканчивалась плавным изменением прозрачности вплоть до 0 (именно это не получается).
0 votes6 answers -
Плагины в Photoshop
Недавно по рассылке получил новость о плагине для Photoshop. Этот плагин в автоматическом режиме преобразовывает выбранные слои макета в CSS правила. Почитал еще немного и узнал, что такие плагины существуют уже давно их немалое кол-во. Подскажите, действительно ли такие плагины работоспособны и стоит ли их применять на практике?
0 votes4 answers -
Под что стоит верстать?
Здравствуйте. Кто работает верстальщиком подскажите пожалуйста под какие CMS вы само часто верстаете? И дайте парочку советов новичку на которые следует обратить внимание при работа верстальщиком фрилансером.
0 votes4 answers -
firefox не хочет делать элементы inline
Здравствуйте! Проблема следующая. Я пытаюсь сделать менюшку, для этого я использовал некий скрипт MenuMatic с просторов интернета. В этом скрипте меню лежит в контейнере ul, а его элементы в элементах списка li. Нужно, чтобы при сжатии страницы кнопки меню не переносились в строке. Для этого контейнеру я дал свойство white-space:nowrap, а элементам li, и ссылкам в них пытаюсь присвоить свойство display:inline; В хромиуме все работает как надо. А в файрфоксе меню продолжает переноситься. Причем, если я смотрю свойства объектов через инспектор, я вижу, что у элемента стиль отображения по прежнему block. Я пытался вводить стиль inline даже вручную в этом инспекторе, но он п…
0 votes5 answers -
Даже не знаю как озаглавить
Есть несколько самостоятельных блоков. Их объединяют набор неких css свойств и одинаковый html код, но внешне они сильно различаются за счет разных стилей, плюс содержимое по смыслу немного различается. Если кому-то важна конкретика, то пусть это будут некие списки, которые имеют общие нестандартные маркеры, отступы, шрифты, содержат ссылки. Но отличаются цветом, размером текста, подчеркиванием, могут располагаться в разных частях страницы, один список содержит ссылки на какие-либо сервисы, другой на услуги, третий еще на что-нибудь, плюс на разных страницах, например, список сервисов имеет разные цвета и размеры шрифта. По какому принципу их лучше проименовать и назначит…
0 votes1 answer -
Отображение сайта в разных разрешениях-2
Здраствуйте. Помогите решить такую проблему: в заголовке сайта с помощью html вставлял 2 изображения, на моем мониторе и во всех браузерах - сайт отображается нормально. Но на ноутбуке, 17 дюймовом, на другом разрешении экрана - эти 2 изображения пикселей на 20-30 уезжают по бокам... Может кто то откликнется и чем то поможет? Сайт: http://pravvo.org.ua/ Код изображения 1: <a href="http://pravvo.org.ua/wp-content/uploads/4.jpg"><img class="alignleft size-full wp-image-378" style="margin-left: 21px; position: relative; top: 23px;" alt="" src="http://pravvo.org.ua/wp-content/uploads/4.jpg" width="500" height="162" /></a> Код изображения 2: <a hr…
0 votes17 answers