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
-
IE6+ и graceful degradation
Решив провести субботний вечер за просмотром полезного видео о веб технологиях и верстке в частности, натолкнулся на замечательный доклад «Когда хуже — лучше» Юрия Артюха с конференции «РИТ 2011» проходившей весной в Москве. Эту запись я увидел как только она была слита в интернет, но почему-то не принял ей особого значения. И вот вчера, пересмотрев ее еще раз, осознал все великолепие его доклада. Понимаю, что часть форумчан его видела, возможно даже бОльшая, а те кто не видел обязательно посмотрите. Но я все же хочу немного написать о теме, которую он затронул. Так сказать, закрепить материал. Итак, что же предлагал Юрий? Скорее всего вы уже знаете о таком подходе как gr…
0 votes7 answers -
rotate для IE
Была проблема с rotate для осла 8. Проблему решил filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); Но теперь надписи съехали влево. Как сделать отступ их только для ИЕ без догрузки лишнего файла стилей для ие? Пример тут, во всех браузерах кроме ИЕ, надписи "События:Все Лучшие" на своих местах (справа от логотипа)
0 votes0 answers -
порядок указания свойств
Подскажите есть ли в CSS какие либо правила регламенирующие порядок указания свойств??? Это какой либо глюк или мой недочет???
0 votes6 answers -
Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?
DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.
0 votes8 answers -
Как картинку по верх всего повесить?
Доброго дня всем! У меня вопросик по CSS, помогите ответом: есть фон, на нем верхняя картинка (условно назовем ее Header)которая по ширине уже чем фон, и есть логотип, который надо по верх Headerа закрепить, но так чтобы он вылезал за его рамки? Короче говоря - Как картину по верх всего повесить в произвольном месте??? Я это сделал так: .logo { background-image: url('images/logo.png'); background-repeat: no-repeat; height: 441px; width: 362px; margin: 0; } Но когда меняю значение "margin" карявиться весь сайт!!!
0 votes10 answers -
Помогите подключить SASS
Доброго время суток. Помогите подключит препроцессор SASS. При компиляции всплывает ошибка "ArgumentErorr: invalid bytes sequence in UTF-8 Use --trace for backtrace". Не знаю как победить.
0 votes2 answers -
Градиентный фон
Подскажите, как сделать тянущийся градиент на фоне. Известно два крайних цвета, они должны сохраняться при любой ширине блока. Подозреваю, что нужен SVG/VML, никто пример не подскажет? Не дается что-то с лету...
0 votes16 answers -
Мягкая тень вокруг li
Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:
0 votes17 answers -
Наложение слоев. некорректно в IE
Учусь верстать слоями, очень интересно и захватывающе. Только вот столкнулся с проблемой: есть http://football.kemcity.ru/design/ При создании наложения черный слой сползает вниз на высоту налагаемого слоя в IE6, а он должен быть прижат вплотную к нему. Долго уже бьюсь, но непонимаю почему так происходит. Помогите добрым советом плиз
0 votes9 answers -
pc и mac - разное отображение цвета
Сверху - отображение под маком, снизу - пс. Причем на маке такое искажение только в ФФ и Сафари. таже опера все нормально отображает. Уже незнаю в чем дело. Левая картинка - jpg ( http://help-yelp.ru/macpc/head_left.jpg ), фон - png ( http://help-yelp.ru/macpc/head_bg.png ) Может я как-то не так цвет сохраняю но с другой стороны ведь в опере - нормально все....
0 votes12 answers -
Fotorama
Наврное многие используют http://fotorama.io Столкнулся проблемой, как превью, раположить снизу не под фото прокручиваемым, а на само фото в лефом углу без центирования по центру. Превю расположил слева. А вот как сделать так не пойму: https://dl.dropboxusercontent.com/u/59113912/kar.jpg Т.е. превю на фото в нижнем левом углу
0 votes9 answers -
ссылка в форме
Есть вот код, он выводит форму в которой есть кнопка и при нажатии которой происходит действие, как сделать вместо кнопки ссылку (a href =), чтобы при нажатии ссылки действие точно так же срабатывало как у кнопки? Этой же ссылке можно будет присвоить класс css для оформления? <form> <form action="#" method="post"> <input type="text" name="pole1" value=""> <textarea name="message" wrap=virtual></textarea> <input type="hidden" name="opi" value="ds"> <input type="submit" name="submit" value="Отправить"> </form>
0 votes18 answers -
Задний фон на всю ширину экрана
Привет всем, уже месяца 2 я занимаюсь версткой и постоянно сталкиваюсь с одной интересной проблемой. Связана она с размещением заднего фон на весь экран. Допустим, имеется блок header, у которого есть задний фон, который должен размещаться на всей ширине экрана пользователя. Но при увеличении масштаба, если прокрутить горизонтальную полосу прокрутки правее, то заднего фона там нет. Вот код http://jsfiddle.net/JscDz/1/ Вот скриншот при масштабе 200% http://s1.ipicture.r...21/og4B1GTR.png Данные способы не работают: 1. left: 0 и right: 0 для блока header 2. width: 100% для блока header Ошибка сохраняется если прописать к заднему фону цвет или же картинку, которой затем пост…
0 votes6 answers -
Вопрос на счет css форматирования списков
Как уменьшить расстояние от циферки или точки до первой буквы?
0 votes9 answers -
меню навигции
так вот, есть код; как в содержимое блока сунуть ряд баннеров размером 40 на 40 и что бы под баннерами ровно п оцентру еще ссылку текстовую сунуть, с учетом того что бы все эти баннеры шли в строчку?????? Заранее благодарен!
0 votes13 answers -
Верстка карточек сотрудников
Доброго времени суток. Подскажите пожалуйста, если не точный код, то хотя бы в каком направлении двигаться. По какому принципу верстаются вот такие блоки? Как отцентрировать эти карточки между собой, как отцентрировать текст под картинками относительно самих картинок?
0 votes3 answers -
имитация таблицы
возникла необходимость полной имитации свойств таблицы посредством списка. возможно ли? возникла задача отобразить списки по горизонтали так, чтобы элементы списка (li) в зависимости от их содержимого полностью заполняли ширину контейнера (ul).
0 votes10 answers -
Reset или normalize или ?
Привет всем Почитав некоторые сообщения тут на форуме, в тоже время начав верстать очередной макет и подключив normalize, мне захотелось создать эту тему) Так ли плохи ресеты? Хотелось бы узнать от опытных p.s кто считает тему не нужной, можете просто проголосовать и не отписываться)
0 votes9 answers -
frD-проблема с версткой меню
есть меню на сайте http://www.alpari.org/ пытаюсь переверстать его html: <div id="new_menu"> <ul class="main_menu"> <li class="main_menu_1"><a href="#" class="menu_link">Menu item</a> </li> <li class="main_menu_2"><a href="#">Menu item</a> </li> </ul> <ul class="main_menu"> <li class="main_menu_1 current_menu"><a href="#">Menu item</a> <ul class="sub1"> <li> <a href="#">Subhead 1Subhead 1Subhead 1</a> <ul class="sub2"> <li> Subhead2 Subhead2 Subhead2 </li> </ul> </li> </ul> </li> <li class="main_…
0 votes5 answers -
растянуть DIV на всю длину
Есть колонка в таблице 1 div логотип 2 div поиск 3 div заливка рисунком подскажите как можно 3 div растянуть на оставшуюся длину колонки .logo {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height: 144px; width: 300px;} .search {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(/design/images/bgsearch.gif); background-position: top left; background-repeat: no-repeat; height: 95px; padding-left: 10px; padding-top: 0px;} .left {background-image:url(/design/images/bgtree.jpg); background-repeat: no-repeat; background-color: #eaeff1;} <td width="300" valign="top"> <div class="logo"><a href="#"><img src="/design/images/logga.gif…
0 votes4 answers -
Класс и стиль
Задать class и style для одного тега. Это, наверное, считается плохо?
0 votes14 answers -
FORM - в таблице появляется отступ
Когда вставил в ячейку таблицу, это элемент формы: <td height="35" class="header7"> <form> <select> <option selected>Выберите для перехода</option> <option>Меню 1</option> <option>Меню 2</option> <option>Меню 3</option> </select> </form> </td> вот cllass - header7, который заливает ячейку фоновым рисунком: td.header7 { background: url(images/img_header11.jpg); text-align: left; } все съехало Подскажите как сделать обтекание этого элемента формы и выравнить по центру и по левому краю ячейки таблицы, и как оформить элементы формы select (цвет границы, цвет стрелки на бегунке)?
0 votes7 answers -
Растянуть Div с float вертикально по высоте
Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код
0 votes11 answers -
CMS или PHP
Добрый день всем. Начал делать свой сайт и у меня возник следующий вопрос: Что лучше использовать для разработки сайта - CMS Joomla или выучить PHP и с нуля разрабатывать сайт на PHP и HTML? PS "Лучше" - имеется ввиду более безопасно (для новичка) и более быстродейственно? Учитывая тот факт, что само программирование для меня на втором месте, на первом всетаки наличие своего сайта!
0 votes9 answers -
Несколько классов у тэга?
По субжу, можно ли IE6 обучить такой магией? p/s: у меня шо то не хотит понимать!
0 votes15 answers