aaron

Есть такая проблема - http://itmag.es/5PIM2

И есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/JYRhv/

Не могу понять, откуда взялся этот пустой отступ?

Сделал так - http://cdpn.io/nLHKm

first-child и last-child меня полностью устраивают. Но я начинающий верстальщик, и с вопросами кроссбраузерности конкретно еще не сталкивался.

Сомнения возникли как из-за того, будут ли first-child и last-child кроссбраузерным решением в данном случае.

И вопрос еще как раз. На сегодняшний день при верстке про IE6 можно уже практически забыть? И смотреть только в сторону IE7-8?

Подскажите.

есть такой код - http://cdpn.io/Dcysf

нужно применить float:left к первому div class="news" внутри блока div class="content".

есть какая-то альтернатива псевдо-селектору first-child?

по-моему, есть какая-то? что-то типа дочернего или сестринского селектора.

Спасибо за наводку по inline-block.

Но зазоры там все-же присутствуют, однако... (

Немного поработал и получилось вот так - http://jsfiddle.net/...tPCz8CJv/uP2br/

Все работает и отступов нет никаких. Стала более понятна природа inline-block.

Доволен! )

Спасибо Kray Storm.

<ul> дать font-size:0;, и потом "вернуть" нужный размер <li>

UPD: А, тут не тот случай. Извиняюсь - тупанул.

ага - а то я пробую, а у меня оно как-то все боком выходит. вроде и то, да не совсем то получается.

а что это за хак такой - font-size:0; где почитать можно о нем?

Вот здесь - http://itmages.ru/image/view/983168/d41d8cd9

#nav li {
display: inline-block;
}

да. но li a - зазор остался. line-height опять не работает. Ставлю #nav a{line-height: 20px};

Ссылка a - ведь осталась строчным элементом? На нее ведь должен действовать line-height?

Хочу вытянуть ее на вертикальное выравнивание в ul.

Подскажите, пожалуйста.

Есть такой код - http://jsfiddle.net/...tPCz8CJv/WuxvJ/

Он создан для чистого эксперимента.

Но на последней стадии возник вопрос. Между ul и #head есть очень небольшой зазор по вертикали.

Как мне его убрать и выровнять, чтобы li a был по центру (20px)?

Пробовал line-height для a и li - не помогает, почему-то. Padding и margin - вообще не то.

Подскажите, что не так?

Ошибся - точнее, между ul и li зазор есть по вертикали.

Я "взять" не хочу. Я хочу сам попробовать, не "подглядывать". Попробовать, а потом посмотреть, как у них сделано. Но, видно, так и придется сделать.

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

Ладно, тема закрыта.

по-моему, у того же Мержевича говориться, что margin и padding по разному трактуются в разных изданиях. Все зависит от переводчика. Суть не в том, как они правильно называются - можешь называть их, как тебе нравиться. Но у Мержевича мне кажется все же они названы более логично.

Подскажите, как создать такое меню - http://css-live.ru/a...lnoe-menyu.html

Мыслей нет никаких по этому поводу.

Вы совсем уже что ли?

Вы читали вообще заголовок? Комментарии?

Вы вкурсе, что задание до 12.04.2013?

В комментариях все участники и их решения, в открытом доступе.

Что мешает взять?

Я "взять" не хочу. Я хочу сам попробовать, не "подглядывать". Попробовать, а потом посмотреть, как у них сделано.

Но, видно, так и придется сделать.

Подскажите, как создать такое меню - http://css-live.ru/articles/zadanie-po-vyorstke-17-vertikalnoe-menyu.html

Мыслей нет никаких по этому поводу.

Вопрос в тему. На многих зарубежных сайтах (и не только) видел, что авторы размещают свои работы (готовую верстку) на своих собственных сайтах. Это делается с помощью каких-то плагинов или модулей, под Joomla и Drupal? Наверное, и под Wordpress есть какой-либо подобный?

на Хостингере можно нормальный сайт развернуть? Сейчас пользуюсь McHost - 110руб. плачу в месяц. Сайт на joomla у меня там, типа визитки своей.

Смущает просто очень выгодное предложение (для меня). У меня посещаемость небольшая, так что 100Gb трафика устроит.

Там полный комплект CMS-к прямо! ))))

Как я понял, это баннер какой-то, так что можете смело позиционировать составляющие абсолютом

спасибо!

Подскажите.

Вопрос новичка. Догадываюсь, что наверняка так сделать нельзя.

Если у элемента (картинка) есть float: right/left. Его можно прижать к нижней границе блока-родителя?

Вот таким образом - http://itmag.es/3Jzv

Нужно разместить ее в нижнем правом углу контейнера.

Добавить ссылке левый паддинг?

Класс! Спасибо большое! )))

Подскажи еще. Вопрос новичка, конечно. Если задан для элемента float, его можно прижать к нижнему краю блока-родителя?

Не понял, зачем спанчики?

ОК. А как теперь сдвинуть текст вправо, чтобы выравнивание сохранилось?

тогда так .psd

да, так можно. в оригинале (у меня есть уже сверстанный макет, в качестве образца, чтобы "подглядывать") почти так и сделано. только все-таки с фоном там вырезано. и там такую интересную (я такую впервые вижу) фишку автор сделал - http://jsfiddle.net/...tPCz8CJv/cTzgG/

Спрятал реальную ссылку через text-indent. А саму ссылку сделал кликабельной и блочной на всю высоту логотипа.

Только зачем

float:left;
overflow:hidden;

он поставил - я так и не понял.

В ссылку спанчик вставить. Ссылке размеры проставить, спанчику тоже, и отпозиционировать.

только через позиционирование (абсолютное) можно сделать? иначе никак?

Нет, зачем абсолютное позиционирование. Нужно задать спану ширину в пикселях, и float:right;

ок - сейчас попробую. а подскажи еще. если задан для элемента float, его можно прижать к нижнему краю блока-родителя?

В ссылку спанчик вставить. Ссылке размеры проставить, спанчику тоже, и отпозиционировать.

только через позиционирование (абсолютное) можно сделать? иначе никак?

Подскажите, пожалуйста.

Есть такой код - http://jsfiddle.net/...tPCz8CJv/fVzqm/

Половину дела сделал, а на вторую не хватает знаний. Что-то крутится вокруг да около, а в итоге - не выходит.

нужно сместить текст к правому краю, но чтобы выравнивание самого текста осталось как есть. и сделать кликабельным все пространство блока h1. то есть - на все пространство фонового изображения (логотипа).

сейчас такая картина есть - http://itmages.ru/im...972659/d41d8cd9

Все - да не все. ))))

Так я и сам мог сделать.

Только дело в том, что дизайнер получил прозрачность желтого круга путем наложения его на фон и изменения его прозрачности. Так что - без фона получается вот так - http://itmages.ru/image/view/972615/d41d8cd9

нет, не то

...

сделай видимыми слои 8 и 9 остальные невидимые,

далее

меню / файл / сохранить для веб / в этом окне выбери png 24,

далее

кнопка - сохранить

...

все)

Если бы тип наложения слоя был "нормальный", то да, всё было бы так просто.

Тебе придётся имитировать эту прозрачную часть кружка.

1. Отдели прозрачную часть

2. Поменяй ей тип наложения на нормальный

3. Поменяй ей прозрачность и другие параметры до такой степени что бы она была похожа на оригинал.

4. Убей дизайнера.

5. Выпей чаю.

выполню две последние последовательности, только заменю на кофе. )))

Не, проще раскройкой вырезать - и все. тем более - фон одинаковый, все бесшовно получается.

что именно нужно?

изображение с этим эффектом?

да, этот логотип с сохранением прозрачности в нем, с прозрачным фоном, без текста.

пока нашел только простое (мне, как начинающему верстальщику, кажется - древнее) решение - с помощью инструмента Раскройка вырезать логотип вместе с фоном, отключив предварительно слой с текстом.

У этого слоя режим - "Мягкий свет"

Это я в Photoshop увидел. Но мне это ни о чем не говорит. С Photoshop дело имею только как верстальщик. Как же мне сохранить данный эффект в коде?