Temiks

Спасибо, что пытаетесь помочь, но в вашем примере пустой блок без изображения. Изменил на свое изображение - тоже самое, ничего нету

А как градиентом такое реализуешь? Не факт же, что во втором блоке не будет картинки.. то есть второму блоку нужно будет трансформировать верхнюю и нижнюю границу.

Здравстуйте. Есть задача: повернуть нижнюю часть блока под определнным градусом, пример на картинке Вместо черного блока будет изображение на всю ширину экрана.. На форуме нашел подобную тему http://htmlforum.ru/index.php?showtopic=52365&hl=%2B%D0%BF%D0%BE%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%2B%D0%B1%D0%BB%D0%BE%D0%BA#entry350534 но есть ли другое решение?

Получилось сделать, но при помощи таблицы.. http://jsfiddle.net/atemiks/uz2ca9xr/ Если кто знает, как можно усовершенствовать, прошу поделиться

@ShumNo,там же у надписи отступы с правой и левой стороны... если опустить вниз, то надпись же просто наедит на линию... можете пример, пожалуйста, показать

Это https://www.flickr.com/ Так же вместо картинок соц. сетей можно было бы использовать готовый шрифт http://fortawesome.github.io/Font-Awesome/ Почитайте на будующее Удобно и быстро.

В firefox 40 появилась горизонтальная прокрутка Еще нашел пару замечаний. 1. В футере это явно нужно было делать заголовком, к примеру h5. 2. Социальные сети, которые расспложены в футере, по умолчанию должны быть в серых тонах , при наведение же они должны окрашиваться в свой цвет, то есть, если это твиттер - то голубой цвет, если это фейсбук - то в синий, дрибббл - розовый.. (сами же цвета можно взять пипеткой в фотошопе с логотипов) И я все эти иконки поместил бы в собственный список и назначил класс... ul li 3. Вы используете тег <br>, который уже устарел и использование его не желательно, хотя это мнение каждого. 4. Вы забыли дописать обязательный атрибут alt к картинкам, у вас есть ошибки в верстке, можно посмотреть их тут https://validator.w3.org/nu/?doc=http%3A%2F%2Ftesting.nordwing.ru%2Fcalm-blogger%2Findex.html На будующее, проверяйте свой код html на ошибки в валидаторе https://validator.w3.org

Но для этого же есть css. Вы один раз можете прописать стили, в данном случае указать ширину и высоту изображения, чем каждый раз ее прописывать в html. К примеру .sidebar img { width: 35px; height: 35px;}4. Не совсем понял, что вы имели ввиду, но если в строку написать больше слов, к примеру Technology corporation ltd co, то останется только Technology corporation и цифры 25 уже не будет.

html, body { margin:0; padding: 0; }

1. Вы решили сделать фон футера на всю ширину экрана, что верно, почему тогда шапка остатеся фиксированной ширины? 2. Когда наводишь на элементы главного меню, они выделяются зеленым цветом, но ссылка еще не активна, что бы перейти в раздел нужно наводить на само название ссылки, не очень удобно. 3. В блоке самого поста когда я навожу на значек календаря, комментария, геолокации и так далее, должен уже подсвечиваться текст, а не только тогда, когда я навожу на его название. Мое мнение. 4. Зачем в блоке "категории" использовали div с классом categories-item-ft? Ведь можно было обойтись и без него, просто задать обтекание название категории и его "значку". 5. Если навести на новость в блоке "популярное", то календарь остается все того же белого цвета Мелочь, а глаз режит. 6. Не понятно так же, зачем вы в блоке Flickr картинки решили использовать div'ы с классом flickr-item? Можно же было обойтись обычным списком ul li 7. Если я правильно понимаю, вы каждой картинке, которые находятся в правой колонке, вручную прописывали ширину и высоту в коде html? -- На этом пока все. В целом не плохо.

Напишите в скайп: a.temix Попробую помочь.

Спасибо, помогли!

Здравствуйте. Подключаю новую версия шрифта <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">В итоге, если смотреть проект с папки, шрифты не отображаются. Закинул на хост, все работает. В чем может быть проблема? Раньше подключал старые версии - работало.

Пишите atemiks@gmail.com

Так если не задавать высоту обертке, то картинка растянет этот блок на всю свою высоту. Как вариант, так это пихать картинку в фон дива.

а если высота не известна? Высота зависит от размера текста.

Здравствуйте. Подскажите, пожалуйста, способ, как можно обрезать изображение. Сейчас вот так: Нужно вот так: Код можно посмотреть тут

Сообщение не пришло

Здравствуйте. Напишите в скайп: a.temix или на почту atemiks@gmail.com

azamatomus, попробуй добавить еще line-height

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

Самое банальное, что можно сделать, так это разбить на блоки примерно вот так А в них уже задаешь нужный фон и растягиваешь его.

Потому что данные работы я делал для своего портфолио, а не именно заказчику Reen, т.е psd шаблон можно скачать бесплатно.

Здравствуйте. Ищу удаленную работу верстальщиком. Навыки: - Валидная и семантическая верстка на HTML 5(или HTML4) и CSS 3(или CSS2.1) - Кроссбраузерная верстка ie9+, google chrome, firefox, opera, safari.. (ie8 - по договоренности) - Соблюдение сроков Стоимость: - главная страница от $25 - внутренние страницы - от $5 - от 3-х дней Портфолио: - Reen - MobileApp - Bicycle - Cuda - RealPixel - Template - Minima Контакты: - skype: a.temix - email: atemiks@gmail.com

На данный момент популярность браузера велика, по этому не стоит исключать ее