Jump to content

html5/css3

rediskavet

By rediskavet,
in Discussion of works

 Share

Recommended Posts

rediskavet Explorer

rediskavet

Posted
  • Author
Posted

блин, самое обидное что на локалкомпе даже в ие7и8, удалось добиться такого же отображения как и в ФФ и др.нормальных. Как только залил на сервер, сразу перестали работать и углы и тени.

Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted (edited)
кидай скрин как должно быть.

В смысле скрин. В ие7/8 все должно быть так же как в ФФ, сафари, хроме, опере и ие9. Тут дело не в верстке, а в сервере моем, т.к. на локальном все работает. И в старых ие тоже есть закругленные углы и тени.

Хотя нет в ие тестере работает. У кого есть ие7 или 8, обычный посмотрите если есть тени и углы? А то я только завтра смогу посмотреть.

Edited by rediskavet
Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted (edited)
я знаком с PIE но вот с хаком чет не очень. Есть описание ?

Что имеешь в виду, под описанием? Я ни каких описаний не разу не читал, просто беру и выдачи гугла то что он выдает по запросу, к примеру хак для ie, вставляю в код если работает, оставляю если нет ищу дальше.

Да и дело не хаке, так как в IE8 тоже не работает а к нему я htc вообще через отдельный стиль подтащил.

А может быть что htc в utf-8, а у меня все файлы(html/css) сохранены в другой какой то кодировке, которую требует этот хостинг где я паркуюсь? Такое возможно, я в этом не оч. понимаю? Чуть позже поковыряю, может заработает.

А как вообще получилось, теги я правильные в html использовал?

Edited by rediskavet
Link to comment
Share on other sites
Scrum Explorer

Scrum

Posted
Posted
Что имеешь в виду, под описанием?

Описание поведения данного хака.

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

А как вообще получилось, теги я правильные в html использовал?

Верстка смотрится стройно, мне нравиться.

Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted
Данного хака не существует (или не был найден мной)

А где ты смотришь? Я ни разу не читал описаний хаков, я просто беру из выдачи гугла, например по запросу хак для ie, и вставляю в свой код, если не работает ищу дальше. Покажи где ты смотришь, может я там найду хак для ie8 который девятка не видит, а то все что нашел вышеописанным методом перепробовал, ни чего не работает.

Link to comment
Share on other sites
arez Explorer

arez

Posted
Posted

Не понятно использование тега <figure> Если он завязан с текстом справа то тогда уж текст обрамлять в <figcaption>. Хотя по мне так тут достаточно просто <img> ибо никакой семантической связи между картинкой и текстом нету

В остальном все хорошо

Link to comment
Share on other sites
Scrum Explorer

Scrum

Posted
Posted

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

Это выдержка из твоего стиля. 

.Logo{]behavior: url(PIE.htc)}

] - ?
]это хак для ие6 и 7.

я такого хака не знаю.

ни чего не работает.

попробуй удалить этот символ из стилей. Пробегись по всему т.к. данная комбинация присутствует везде где идет подключение PIE.htc

Link to comment
Share on other sites
deadrash Explorer

deadrash

Posted
Posted (edited)

А разве не лучше логотип отображать не как два спана, а как заголовок, где будет присутствовать текст "ТАНТУМ РОЗА" замещённый изображением и будет присутствовать "бензитамин" как продолжение фразы, примерно вот так:

<h1><img src="logo.jpg" alt="">ТАНТУМ РОЗА —<span class="benzitamin">бензитамин</span></h1>

h1{  /* если размер картинки 500 на 200*/
width:500px;
height:230px;
display:block;
overflow:hidden
}
.benzitamin{
display:block;
}

Мне кажется так будет лучше для поисковиков и в случае отключённых изображений будет всё нормально отображаться. Для изображения коробки внизу стоит странный alt лучше туда написать "тантум роза" опять же для поисковиков.

Или я гоню и не того начитался когда учился верстать?

p.s. в любом случае так будет корректней отображаться в моём любимом броузере w3m :P

Edited by deadrash
Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted

Scrum

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

я такого хака не знаю.

Я не знаю где ты смотришь хаки но, это рабочий хак, я его всегда для семерки использую, если не делаю отдельные стили для ie. Даже в этой верстке есть подтверждение того что он работает, строка 144 ]top: 0px;, это правило применяться только для седьмого ослика(для шестого тоже, просто я не подгонял под шестой).

попробуй удалить этот символ из стилей.

Я попробовал, не помогло. В любом случае даже если бы и помогло, behavior: url(PIE.htc) нужно как то прятать от ie9, т.к. его может переклинить если к одному блоку применить borde-radius и behavior: url(PIE.htc).

deadrash

А разве не лучше логотип отображать не как два спана, а как заголовок, где будет присутствовать текст "ТАНТУМ РОЗА" замещённый изображением и будет

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

arez

Не понятно использование тега <figure>

Да тут я чего то перемудрил, как то неосознанно картинку в <figure> впихнул, можно и без него обойтись.

Link to comment
Share on other sites
sigma77 Explorer

sigma77

Posted
Posted
У кого есть ие7 или 8, обычный посмотрите если есть тени и углы?

Углы и тенюшки есть. ИЕ8.

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

А чем условные комментарии не устраивают?

Ну или попробуй этот

.style {
  background: #F00\0/;
}

Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted (edited)

привет!

Углы и тенюшки есть. ИЕ8.

Сам не понял что случилось, пол чеса назад не работало, я url(PIE.htc) удалил, потом снова залил и заработало.

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

background: #F00\0/;

Хороший. В ие8 работает и для ие9 не виден. То что я и искал. Спасибо!

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

Edited by rediskavet
Link to comment
Share on other sites
Scrum Explorer

Scrum

Posted
Posted
это рабочий хак

Согласен. Не знал не видел, взял на заметку.

Про хаки.

клац

ну и гуугле рулит.

потом снова залил и заработало.

Только почему-то я в 7 до сих пор наблюдаю неработоспособность PIE.

Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted
Только почему-то я в 7 до сих пор наблюдаю неработоспособность PIE.

Какая то ерунда, в иетестере работает, в ие9 если переключиться в режим ие7 тоже работает, а в VirtualBox с WIN XP где у меня стоит ие7 не работает.

Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted
у мня как раз в тостере не работает.

кстати да, если в тестере только в ие7 открывать то не работает, если рядом открыть вкладку ие8, а затем обновить вкладку с ие7 начинает работать.

Наверно ие7 ночью вполсилы работает:P

Не знаю пока как побороть. Я уже через усл.коментарий подключил отдельный файл стилей, как для ие8 не помогает.

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

Link to comment
Share on other sites
Vlad Explorer

Vlad

Posted
Posted

По логике HTML5 вместо h3 внутри article надо писать h1. Еще удивила кодировка win1251, как-то уже морально устарело это.

Вот эта конструкция вредна. Это конечно спорно, но спорить и отстаивать свою позицию я не устану.

* {

margin: 0;

padding: 0;

}

article span - вот это не понял зачем нужно?

Link to comment
Share on other sites
rediskavet Explorer

rediskavet

Posted
  • Author
Posted
Еще удивила кодировка win1251, как-то уже морально устарело это.

Это требование бесплатного хостинга.

По логике HTML5 вместо h3 внутри article надо писать h1

Буду знать. Я ведь все еще по логике ХТМЛ4 верстаю:P. А у гугла ни чего не перепутается от такого количества заголовков первого уровня?

* {
margin: 0;
padding: 0;
}

Спорить не буду. Просто посмотри на макет. Форм тут нет, кнопок тоже ни каких нет. Поэтому тянуть сюда reset.css тоже не вижу смысла, если ты об этом.

article span - вот это не понял зачем нужно?

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

Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept