ShootingStar

Кто-то встречал похожий переключатель?

Здравствуйте, подскажите, как правильно сделать такую tr

зеленая полоса это 1 tr, думал как-то так сделать:

<tr>
 <th>1</th>
 <th>2</th>
 <th colspan="2" rowspan="2">
  <th colspan="2">3</th>
  <th>4</th>
  <th>5</th>
  </th>
</tr>

Но нет, неужели для th где 3,4,5 нужно делать отдельную таблицу тойсть th>table?

Здравствуйте, подскажите есть ли какой-то jquery range плагин что бы наиболее подходил для такой задачи? Или по какому запросу искать в гугле? Это же не обычный range.

Убрал table-cell, можно пофиксить outline?

демо

Здравствуйте, подскажите, пожалуйста, как сделать что бы в firefox заработало position-relative, display-table:cell и outline.

демо

код

времменое решение:

@-moz-document url-prefix() {
  .block {
    display: block;
    outline: none;
  }
}

но с таким фиксом картинка не будет центироватся

А есть какой то аналог Ctrl + Shift + F (поиск по проекту) ? Было бы круто если кто-то подскажет метод через Ctrl + p. Может есть какой то плагин который показывает какой класс уже использован?

В ctrl + p, можно написать index.html#block и будет искать в index слово block. Как поставить что бы искало во всем проекте?

Пользовался плагином AutoFileName, но автор плагина сегодня что-то изменил и он перестал работать. Кто-то понял почему перестал работать?

UPD: Автор решил проблему.

Интересная статья про ST2:

http://habrahabr.ru/post/147856/

Картинка с хоткеями:

hotkey

И так решение:

1. Заходим в Preferences -> Package control -> Add Repository

2. Внизу открывается поле для ввода адреса, туда вставляем ссылку на их git https://github.com/sublimator/ZenCoding

3. Устанавливаем ZC

4. Пляшем, и пьем кефир)

А у кого ZC установлен, нужно обновлять адрес к репозиторию?

Понял свою ошибку.

http://jsfiddle.net/ShootingStar/EQuwu/3/

Уберите все флоаты, пропишите картинке display: block; margin: auto;

При display: block; margin: auto; для картинки она становится по центру, я хотел что бы картинка была справа от p.

Здравствуйте, подскажите пожалуйста как отцентрировать картинку справа, не задавая ширину абзацу?

http://jsfiddle.net/ShootingStar/EQuwu/

Можно создавать голосования и отвечать (желательно с видео о том как это сделать) на топ 3 пункта данного голосования в прямом эфире здесь или на другом подобном сервисе.

Пример подобной идеи.

Здравствуйте, подскажите, пожалуйста, гайды или видео-уроки по созданию тем для WordPress, кроме кодекса WordPress.

Здравствуйте, верстаю 5-й урок с данного курса.

шаблон

Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям:

        <header>
            <div class="up">
                <div class="w960">
                    <img src="img/logo.png" alt="" width="153" height="43" >
                </div>
            </div>
            <div class="down">
                <span class="left"></span>
                <span class="right"></span>
                <div class="w1200">

                </div>
            </div>
        </header>

.w1200{
    height:100%;
    width:1200px;
    margin: 0 auto;
}

.down{
    position:relative;
}
.down .w1200{
    position: relative;
    z-index: 1;
    height:370px;
    background: url("../img/header_bg.jpg") no-repeat;
}
.down .left{
    position: absolute;
    left:0;
    z-index:0;
    width: 50%;
    height: 100%;
    background: url("../img/left_line.jpg") repeat-x;

}
.down .right{
    position: absolute; 
    top:0;
    right:0;
    z-index:0;
    width: 50%;
    height: 100%;
    background: url("../img/right_line.jpg") repeat-x;
}

Вот что вышло:

HTML страница.

Может вместо position:absolute использовать float? Если знаете способ лучше, подскажите, пожалуйста.

1) В 11 мозиле поплыла кнопка GO GET IT, последняя картинка перед кнопкой GO GET IT вылезла на новую строчку.

2) В IE8 другой цвет текста меню, и за чего его почти не видно, синий бордер у соц иконок, нету бг у кнопки GO GET IT.

Пофиксил баги.

Бордер там с градиентом, вижу пока 2 способа:

1) это вырезать изображения бордера для всей страницы, для врапера(900px) и использовать border-image.

2) Использовать что-то такое: background-image: -moz-linear-gradient(center bottom, rgb(14,173,173) 33%, rgb(0,255,255) 67% );

Хороший вопрос.

SEO-специалисты, скорее всего, дружно проголосуют за первый вариант. Хотя присутствует свойство text-indent, не думаю, что поисковики от него в восторге.

Я бы сделал проще

<a href="#">
      <img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" />
</a>

Раз текста нет, то и тег заголовка не нужен.

Этот логотип просто для примера, хотел улучшить верстку этого макета. Там в логотипе есть текст.

Как лучше сделать логотип картинкой?

Поставить логотип на фон и использовать свойство text-indent

<h1>
 <a href="#">Logo</a>
</h1>

 
h1 {
    float: left;
    text-indent: -9999px;
}
h1 a {
    float: left;
    width: 450px;
    height: 450px;
    background: url("http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png") no-repeat;
}

пример

или

Просто вставить картинку с альтом?

<h1>
	<a href="#">
		<img src="http://upload.wikimedia.org/wikipedia/ru/a/a3/Unity_Logo.png" alt="Logo" width="450" height="450" />
	</a>
</h1>

пример

Здравствуйте, сверстал тренировочный макет из данного курса.

макет

верстка

Жду критику и рекомендации.

Для многострочного введение контекта нужно нажать ctrl + левая кнопка мыши или средней кнопкой провести мышкой, есть ли какой-то клавиатурный хоткей(что-то типа ctrl+alt+down)?

Так можно же просто с зажатой средней кнопкой мыши провести и выделится, зачем такие навороченные комбинации?

В некоторых случаях удобнее было бы нажать хоткей. Подскажите, как эта функция называется? Не могу найти её в кей бинде.

Для многострочного введение контекта нужно нажать ctrl + левая кнопка мыши или средней кнопкой провести мышкой, есть ли какой-то клавиатурный хоткей(что-то типа ctrl+alt+down)?

Сочетание Ctrl + Shift + Alt + M , по идее в Zen Coding. Но по правде у меня не работает... Таки работает

Круть, спасибо. Осталось только найти плагин, который при вводе пути показывает содержимое директории.

Подскажите, как поменять хот кеи для ZenCoding? В Default keys "Ctrl+Shift+Alt+M" нету такого.

Интересный баг:

То что автоформатирование уг то такое дело (использую плагин Tag), хочу свернуть див left

Нажал свернуть и получил вот такое:

А что это за редактор?

JetBrains PhpStorm. Не встречали плагин который определяет размер изображения и вставляет его в height и width?

В Sublime есть плагин или встроенный инструмент который показывает что находится в папке? Что-то похожее на это: