Перейти к содержимому



Личный блог - IT, дизайн, интересные гаджеты и личные идеи

#1 Agriiii
Agriiii
  • Неактивные
  • 378 сообщений
  • Репутация: 40
0

Обновлено 27 января 2013 - 15:56  Отправлено 24 января 2013 - 23:37

Начинаю наполнять блог, недавно закончил с дизайном.

Прошу оценить поддержку в ваших браузерах, что работает, что нет, что добавить или изменить. Заранее благодарю. Также возможно посмотреть в мобильных браузерах.

isle.pp.ua

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

 

 

  • 0

#2 maksim-hub
maksim-hub
  • Пользователь
  • 304 сообщений
  • Репутация: 24

Отправлено 26 января 2013 - 14:36

в лисе, хроме, опере все нормально.
попробовал в ie8
Изображение
  • 0

#3 Agriiii
Agriiii
    Topic Starter
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 26 января 2013 - 15:19

IE у меня не стоит, проверить не могу, постараюсь исправить до вечера. Хотя понятия не имею почему его сплюснуло, у изображения указана ширина 150, но высота не указана. В таком случае было бы понятно если бы он сплюснул высоту, а не ширину.
  • 0

#4 maksim-hub
maksim-hub
  • Пользователь
  • 304 сообщений
  • Репутация: 24

Отправлено 27 января 2013 - 08:25

http://www.tyorkin.c...aznye-brauzery/ тут список сервисов где можно посмотреть как выглядит сайт в разных браузерах
  • 0

#5 PhotoShopRND
PhotoShopRND
  • Пользователь
  • 209 сообщений
  • Репутация: 53

Отправлено 27 января 2013 - 13:07

недавно закончил с дизайном.


А выглядит как будто только начал :) стоит поработать еще. В верстке не особо разбираюсь, но вижу что нет и намека на кроссбраузерность.
  • -1

#6 Agriiii
Agriiii
    Topic Starter
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 27 января 2013 - 13:25

http://www.tyorkin.c...aznye-brauzery/ тут список сервисов где можно посмотреть как выглядит сайт в разных браузерах

Все эти сервисы - не совсем удобны, у них есть как минимум 1 большой недостаток: если мне надо будет вылечить 1 ошибку на странице, то придется проделывать довольно долгий процесс пересмотра картины при этом я не знаю как поведут себя некоторые элементы типа наведения курсора на объект и т.д., тот же браузершотс можно ждать месяц работы. Старался тестировать браузерами на ПК.


А выглядит как будто только начал :) стоит поработать еще. В верстке не особо разбираюсь, но вижу что нет и намека на кроссбраузерность.

Ноль конкретики, сгущаете краски. Сайт работает даже на смартфонах и при этом вполне хорошо, а у вас "нет намека на кроссбраузерность". По делу пожалуйста и конкретно.

Что я точно знаю из проблем:

- надо сделать фон иначе, потому что все браузера - молодцы, а ИЕ .. ну как обычно, один фон на блок, придется обвертку делать;
- почему-то схлопывает миниатюры в ИЕ8, пока нет возможности узнать что конкретно - блок или картинку т.к. нет этого браузера-инвалида;
- как-то неправильно пересжал изображение для фона и чуть-чуть не сходится если смотреть на мониторах с шириной более 1680 пикселей;
- надо изменить цвета иконок стрелочек с серых на синие или оранжевые в контраст;
- некоторые кнопки не в подходящей гамме.

Если найдете что-то еще - буду благодарен за помощь.
  • -1

#7 maksim-hub
maksim-hub
  • Пользователь
  • 304 сообщений
  • Репутация: 24

Отправлено 27 января 2013 - 14:19

Agriiii,
может попробовать указать ширину миниатюр 100% или указать ширину блока. попробовать надо разные методы
  • 0

#8 Agriiii
Agriiii
    Topic Starter
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 27 января 2013 - 14:41

Agriiii,
может попробовать указать ширину миниатюр 100% или указать ширину блока. попробовать надо разные методы

Пробывал, ничего. Я ж писал, что странно, потому что указаны размеры, а там где не все - указана хотя бы ширина, которую браузер какраз и не видит. При этом в ИЕ7 - миниатюра нормально видна. Про остальные косяки молчу - скруглениями и тенями еще можно пожертвовать, а вот фон - постараюсь просто сделать отдельно.

Сколько проблем из-за одного ИЕ.

Может пожертвовать версиями ИЕ 6-8? В ИЕ9 - только теней текста нет, остальное - прилично. Заметил еще, что в ИЕ8 и ниже - изображение посередине исчезло (1 фон на блок), под меню пустота появилась, хотя в остальном - читаемо.
  • 0

#9 PhotoShopRND
PhotoShopRND
  • Пользователь
  • 209 сообщений
  • Репутация: 53

Отправлено 27 января 2013 - 14:48

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


border-radius: 10px 10px 0px 0px; ?

Почему не так:

-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;

Или так?

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

Хотите больше конкретики? За вебмани я вам и нарисую и сверстаю.
  • 0

#10 PhotoShopRND
PhotoShopRND
  • Пользователь
  • 209 сообщений
  • Репутация: 53

Отправлено 27 января 2013 - 15:03

По дизайну: необосновання пустота, отсутствие композиции. Я вам в личку расказывал как и с чего начать. Вы что нибудь сделали? Нет! Как нарисован был голый остров так он и остался. Зачем вам конкретика если вы не прислушиваетесь?

Вот так делается дизайн сайта:



И я вам пытался это объяснить...
  • 0

#11 Agriiii
Agriiii
    Topic Starter
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 27 января 2013 - 15:08

border-radius: 10px 10px 0px 0px; ?

Почему не так:

-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;

Или так?

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;

Хотите больше конкретики? За вебмани я вам и нарисую и сверстаю.


Потому что с этого надо было и начинать для начала. Вы отписались в теме ничего толкового не сказав, получили минус и обиделись. Вам бы я за работу не платил, даже если бы была нужна, потому что тема не для того создавалась, это уже другой вопрос. Я стараюсь, чтоб на сайте было поменьше костылей, отсюда и такой код.

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

#12 Agriiii
Agriiii
    Topic Starter
  • Неактивные
  • 378 сообщений
  • Репутация: 40

Отправлено 27 января 2013 - 15:56

* Перенес часть подключаемого кода в основной файл стилей
* Изменил фон добавив обвертку и тем самым решив проблему "1 блок = 1 фон"

Буду рад, если кто-то подскажет, почему схлопываются изображения миниатюр и как это исправить. Также заметил, что в ИЕ8 текст четкий, красивый, а в ИЕ9 почему-то мыльный становится.

UPD: решил проблему в IE8
* Миниатюры не схлопываются после добавления в css помимо фиксированной высоты свойства max-width (оказалось можно и min-width) с такими же цифрами. Что за магия не зная, но работает, с IE - не удивительно.
  • 0

robot
robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85


Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 24 3 темы, 7 сообщений, 1 балл репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 18 Вне конкурса за определение пользователя месяца

  • Фотография WGN
    #3

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография Totti
    #4

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография kuztoday
    #5

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография SergiuS85
    #6

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография mkreine
    #7

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #8

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография kolver
    #9

    kolver
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Фотография fedornabilkin
    #10

    fedornabilkin (plohoneponyal.ru)
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru