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
-
Как задать максимальную ширину блока, чтобы блок растягивался до этой ширины в зависимости от длины текста внутри него
Вот пример: http://cssdeck.com/labs/gt43peto Есть блок, внутри него текст. Каждое слово переносится на новую строку. Как задать максимальную ширину блока, чтобы блок растягивался до этой ширины в зависимости от длины текста внутри него. Если текст длиннее максимальной ширины блока, то только тогда текст должен переноситься на новую строку. Если текст короче максимальной ширины блока, то блок должен быть такой же ширины как текст + отступы.
0 votes7 answers -
Лучший Thumbnail Slider
Господа, уже много заданий делал с такими слайдерами, но до сих пор никак не могу прийти к одному варианту. Какой вы используете самый проверенный скрипт для вот такого вот типа слайдера? Без цмсковых плагинов. Хэлп плиз, опять встала эта задача, а сёрфить каждый раз и тратить время надоело Верю что есть настоящие спецы
0 votes2 answers -
Ищу слайдер
Ищу такой слайдер. Чтобы под фото менялось название фото, была пагинация и стрелки. Какой более гибкий можно использовать?
0 votes3 answers -
Нужна помощь в верстке.
Открываю в firefox,ie все как надо.В яндексе и хроме меню авторизации тупо падает вниз.Помогите пожалуйста не могу понять в чем проблема!? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Design</title> <meta http-equiv="Content-type" content="text/html" charset="utf-8"> <link type="text/css" href="css/style.css" rel="stylesheet"></head><body> <div id="logo"> <a href="#"><img src="images/logo_head.png"></a> </div> <form id="field" action="#"> <div id="filed1"> <p class="tl">Логин: <input…
0 votes6 answers -
Давно не верстал и все забыл
Как сделать блок, чтобы при наведении подсвечивался только текст, а фон оставался прозрачным, у меня просто когда ставлю Opacity 0.5 , прозрачным становится текст тоже. Как быть?http://schoolleague.ucoz.org/#
0 votes2 answers -
bootstrap: переход для 480
помогите пожалуйста решить проблему есть страничка, содержащая 2 блока, расположеных горизонтально. на экранах очень малой ширины эти блоки должны располагаться вертикально для наглядности на страничке определённый цвет фона соответствует определённой ширине экрана. белый фон это интересующая меня малая ширина
0 votes1 answer -
Требуются советы верстальщиков с опытом.
Всем привет. Народ. У меня такои вопросы: 1) Какие преимущества дает бустрап и нужен ли он вообще верстальщику на фрилансе? (просмотрел с десяток роликов и не понял в чем его преимущество.) 2) Есть ли смысл использовать препроцессоры(напирмер SASS) в своих проектах на фрилансе и насколько это сейчас востребовано? (как я понимаю обычный фрилансер с небольшим опытом такой проект уже будет не в состояннии доработать?) 3) Какие способы CSS(или возможно HTML) опимимизации кода существуют на сегодняшний день? (читал в некоторых источниках, что перед продакшином код необходимо в идеале оптимизировать.) 4) существует ли какой то механизм по определению того, сколько кода в тв…
0 votes11 answers -
sass+compass, проблема с кодировкой
Доброго времени суток! Установил sass и compass на windows, ввел команду compass watch, начал изменять style.scss и возникает ошибка совместимости кодировки. [Listen warning]: Change block raise an execption: incompatible character encodings: Windows-1251 and UTF-8Backtrace: C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `index' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesystem.rb:87:in `remove_root' C:/Ruby21/lib/ruby/gems/2.1.0/gems/sass-3.4.10/lib/sass/importers/filesy Очень долго ищу решение, может кто знает как решить проблему?
0 votes4 answers -
Как лучше оптимизировать код css
Всем привет, У меня сейчас возникла необходимость оптимизировать код css, так как там есть код уже не используемый, дублирующийся и прочие прелести, которые мне боком переодически выходит Так вот что лучше использовать какой-нить генератор для этого (тогда какой?) или потратить несколько дней и руками все вычестить? Дайте дельный совет
0 votes3 answers -
Как сделать лучше ?
http://pixs.ru/showimage/notifypsdt_9728036_16130652.jpg Как сделать лучше этот блок ? Просто в html изображение вставить ? или может спрайтами через css
0 votes9 answers -
Изменение цвета фона меню
Всех приветствую! Друзья, пытаюсь немного подкастумайзить в одной из тем Wordpress. Подскажите, пожалуйста, каким образом можно изменить цвет отдельного списка меню? Вот нужный кусок: <li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-1558" id="menu-item-1558"><a>Меню</a><ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-1464 current_page_item menu-item-1541" id="menu-item-1541"><a href="#1">Подменю1</a></li> <li class="menu-item menu-item-type-post_type m…
0 votes2 answers -
Исходный код страницы в браузере отображается по другом ,чем страница откуда скопировали этот код.
Здравствуйте. Довольно парадоксальная ситуация. в IE8 открывают страницу сайта, копирую исходный код страницы в html файл .(ничего не меняю) Открываю получившийся файл в IE8 , все отбражается идеально, тогда как на странице с которой скопирован исходный код верстка валится в ноль. То есть стили одинаковые ,js одинаковые, но исходная страница валится , а сохраненый исходный код страницы со свалившейся страницы отображается идеально. Как такое может быть?
0 votes9 answers -
Два непонятных явления...
Здравствуйте. Столкнулся с двумя проблемами на своих сайтах. Сам решения не нашел, мой знакомый программист - тоже. Надеюсь на этом форуме мне помогут решить эти задачи. 1. Сайт: http://www.soccerland.ru, прописал все в стилях через @font-face в общем все сделал также как на сайте soccerland.ru, на котором все работает, но почему-то на hockeyland.ru они отказываются работать. Проверил права на папку со шрифтами, не знаю в чем еще может быть проблема? Буду очень признателен за решения этих проблем. Может тут все просто?
0 votes8 answers -
Подскажите курс по bootstrap
Всем привет ! Хотел бы поинтересоваться знаете ли вы курсы где с нуля создаются сайты с помощью bootstrap ? просто хочу использовать его для своей верстки, и хотел бы посмотреть как создаются вообще сайты с помощью bootstrap. Заранее спасибо
0 votes3 answers -
Action с ссылкой на css
Уважаемые коллеги, здравствуйте. Предыстория. Мне поставлена задача создать форму анкеты. После нажатия кнопки данные формы должны отправляться для дальнейшей обработки. Подобный механизм уже реализован на таком же сайте другого региона. Зашел посмотреть код, как реализовано, и вижу: action="/DemoVersion?app=2&styles=http://www.какой то сайт.ru/css/demo.css">Вопрос. Почему ссылается на файл *.css? Как мне добиться чтобы мои данные уходили в правильном направлении и + копия на e-mail? p.s. Дорабатываемый мною сайта создан на Joomla! 2.5.7, сайт пример не известно на чем.
0 votes3 answers -
Двухуровневое меню
Добрый вечер. Есть вот такое меню, но у меня не получается спрятать второй уровень подменю Чтобы он также открывался, как и первый уровень при наведении курсора. Подскажите что я не так делаю? Сам код: http://jsfiddle.net/senjalp/gmzpn320/19/
0 votes3 answers -
Условия открытия страницы без флеш
Есть 2 верстки 1 с флешем другая без. Надо сделать, чтобы при наличии флеш открывалась страница с ним, а если флеш не работает, то с версткой на картинках. Как это сделать?
0 votes9 answers -
Код UTF-8 для CSS
Я знаю код символа в UTF-8 для вставки в HTML файл: цифры; Как этот символ вставить через content в css?
0 votes3 answers -
вопрос по google chrome
Всем привет, я новичок, сильно не бейте.. Такой вопрос: в css при использовании псевдокласса :hover к любым элементам на страничке (банально на полупустой странице с парой слов текста) - в хроме, при наведении мыши на эти элементы - они подсвечиваются(закрашиваются) ПЛАВНО ,тоесть с задержкой, как будто анимация, в других браузерах такого нет. Как это безобразие в хроме выключить? Помогите пжл! Спасибо заранее!
0 votes1 answer -
Как сверстать такое?(1)
Всем доброе утро, день, вечер! Сабж.
0 votes6 answers -
Стилизация select
Пытаюсь подобрать библиотеку для стилизации select Не могу найти ничего более-менее приемлемое. Много из перебранных плагинов не поддерживают выбор клавиатурой, есть через навороченные. Вот, например, это http://select2.github.io/select2/select-2.1.html бы подошло, но проблема в том, что не знаю как убрать поле поиска, которое отображается при открытии селекта. Может кто-то скажет, как можно его убрать (понятное дело через стили можно скрыть) но нет ли штатного способа. Или может посоветует другой плагин, безо всех там jQuery UI и прочих тяжелых навороченных библиотек. -- Стилизацию через CSS без js рассматривал, но не очень красиво получается. так как выпадающая область …
0 votes3 answers -
При масштабировании страницы сьезжает текст
при масштабировании страницы меньше чем на 50% текст и содержимое уезжает вниз. можно ли считать это ошибкой и в чем может быть проблема? >50% <50%
0 votes8 answers -
Выравнить блок по центру при разной высоте блока
Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю
0 votes12 answers -
Подскажите
вот сайтик http://venusdemo.com/magento/smartshop/index.php/?___store=christmas если навести на товар и открыть быстрый просмотр появляется попап. Подскажите как это реализовано? и как сделать подобное?
0 votes2 answers -
img и form в линию
Добрый день, допустим нужно, разместить лого по центру, а выбор языка с краю. Если расматривать этот кусок кода, почему элемент form ведет себя так, будто img растянут на всю страницу ? http://jsfiddle.net/dmhrvs9L HTML <div class="top"> <img class="logo" src="http://aux.iconpedia.net/uploads/dog-paw-icon-256.png" width="100" height="" alt="logo"> <form name="language" class="lang" action="#" method="get"> <select> <option>EN</option> </select> </form></div>CSS .top { height: 200px; background-color: #dadada;}.logo { margin: 0 auto; display: block; padding: 15px 0 0 0;}.lang {…
0 votes3 answers