Скрипты и коды для юкоз

Страница 1 из 2
1
2
»

[1] bad-designer [14.07.2010, 02:55]

Столкнулся с такой проблемой как настройка дизайна вида комментариев... вроде все настроил в опере и мазиле вид нормальный а вот в IE картинки полезли на само сообщение sad

Сколько не стараюсь настроить под IE и ничего не получается, может подскажите где я допустил ошибку?

Вот вид комментариев гостевой:

Code

<div class="comments_blocks" >
<div class="comments_avatars">
<img src="/img/noavatar.gif" alt="аватар" width="80" height="80" align="left" title="аватар">
</div>
<div class="comments_arrows">
<img src="/img/coma.jpg" width="20" height="20" style="left:1px; top:14px; position:absolute;" alt="*">
</div>

<div class="comments_texts"><span class="authornames"> Автор: <strong>$NAME$<?if($USERNAME$)?> [<a href="$PROFILE_URL$">$USERNAME$</a>]<?endif?></strong></span> <span class="comdate">($DATE$ $TIME$)</span><div style="float:right;">$MODER_PANEL$</div><p>$MESSAGE$</p>
</div>
</div><br />

а вот css под него:

Code

.comments_blocks {
  position: relative;
  min-height:80px;
  margin-top: 4px;
}

.comments_avatars {
  height:80px;
  width: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.comments_arrows {
  position: absolute;
  left: 90px;
  top: 5px;
  height: 20px;
  width: 20px;
}

.comments_texts {
  margin-left: 110px;
  margin-right: 0px;
  border: 1px solid #CCCCCC;
  white-space: pre-wrap; /* css-3 */
  word-break: break-all /* Internet Explorer 5.5+ */

}
.authornames{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#333}
.comdate{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#ccc}

Ну и вот ссылка где это можно посмотреть наглядно: http://flashes.org.ru/gb/

[2] likbezz [14.07.2010, 04:41]

bad-designer,

Quote (bad-designer)

Ну и вот ссылка где это можно посмотреть наглядно: http://flashes.org.ru/gb/

... Ну, а вот это - вообще хорошо. Здорово, когда всё «под рукой» и не приходится лазить по теме в попытках найти сайт источника .... ヅ

Насчет кода, на «первый», вроде всё нормально ...

Quote (bad-designer)

а вот в IE картинки полезли на само сообщение

А вот у меня, - все прекрасно кажет.

Осталось только узнать в какой версии «баги» и, желательно - скриншот. ヅ (некисло ....да ヅ )

Ну а вот, как это у меня выглядит
☑ Прикрепления (исправлены кое-какие стили .... смотри исходник ... ヅ )

Кстати, а вот это:

Quote (CSS)

a:link {font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;position:relative;text-decoration:none;color:#333}

Для чего вообще? ....
Это не есть правильно ....

Если уж тебе и надо где нибудь «position:relative;» - к ссылкам, то лучше сделать через контекстные селекторы:

Quote (CSS)

#myBlock a:link {position:relative;}

☑ Прикрепления. Гостевая с правками (DTD HTML 4.01 Transitional)
☑ Прикрепления. Гостевая с правками (DTD XHTML 1.0 Transitional)

Не уверен, но возможно, это из=за неполностью прописанного доктайпа:
У тебя:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Надо:

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Так что вот .....

Flesh

Прикрепления: comments_blocks.html (35.2 Kb) · 3810249.png (17.2 Kb)

[3] bad-designer [14.07.2010, 05:29]

Quote (likbezz)

Надо: Code<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Если я так пропишу то мой сайт исковеркает :-д , знаем ... проходили.
В чем причина в IE я разобрался, смотри вот код:

Quote (Code)

.comments_blocks {
  position: relative;
  min-height:80px;
  margin-top: 4px;
}

вот IE и не может разобрать то что выделено красным и ему нужно прописать так:

Quote (Code)

.comments_blocks {
  position: relative;
  height:80px;
  margin-top: 4px;
}

и все стает на места! Но мазила и опера с этим не согласны и ошибки начинают лезть у них biggrin

Теперь вопрос стоит по другому... что можно прописать чтоб всем браузерам IE высвечивался другой class?

[4] likbezz [14.07.2010, 05:56]

bad-designer,

Quote (bad-designer)

Теперь вопрос стоит по другому... что можно прописать чтоб всем браузерам IE высвечивался другой class?

Как и всегда ....

Quote (CSS)

* html .селектор{стили ....} /* For MSIE +6 */
*+html .селектор{стили ....} /* For MSIE 6+7 */

Flesh

[5] likbezz [14.07.2010, 06:10]

Quote (bad-designer)

Если я так пропишу то мой сайт исковеркает :-д , знаем ... проходили.

... ヅ ...
... Ну, да ...
Проще писать не по стандарту, вешая хак на хаке, и ждать когда сайт точно перекосится до такой степени, что придётся переписывать полностью .... (это - худший вариант ..... ヅ )

Кстати, а в каком месте его «перекашивает» ???

У меня всё нормально ....

Скрин:
Под ие
http://s51.radikal.ru/i133/1007/33/42b6301a91ee.png
Пример - выше ... в постах ... в разных правильных доктайпах .... ヅ

Оригиналы картинок
http://s51.radikal.ru/i133/1007/33/42b6301a91ee.png

Flesh

[6] bad-designer [14.07.2010, 06:11]

likbezz, совсем тебя не понял biggrin

Я же мало в этом понимаю sad

Как в юкозе прописать условными операторами чтоб для всех IE выводилась одна информация а для других браузеров другая.

[7] likbezz [14.07.2010, 06:18]

Quote (bad-designer)

Code

<?if($USER_AGENT$='ie')?>для ие
<?else?>для не ие
<?endif?>

Но на юкозе, этот код, иногда не работает .... Почему? - не знаю - просто замечал.
Но это было давно, может все сейчас стабилизировалось? ... ヅ

Flesh

[8] likbezz [14.07.2010, 06:22]

bad-designer,

Quote (bad-designer)

ikbezz, совсем тебя не понял biggrin Я же мало в этом понимаю sad

Quote (CSS)

.comments_blocks {
position: relative;
min-height:80px; /* Для нормальных */
margin-top: 4px;
}
*+html .comments_blocks{
height:80px; /* Для MSIE 7+ */
}

Вот так, через css ....
Но я тебя тож плохо понимаю, для чего это? всё и так нормально ... примеры - выше - если криво - сделай скриншот ... у меня везде всё путём ...

Flesh

[9] bad-designer [14.07.2010, 06:26]

likbezz, ну как? Красиво смотрится с IE восьмой? biggrin

Прикрепления: 3029036.png (76.1 Kb)

Сообщение отредактировал bad-designer - Среда, 14.07.2010, 06:27

[10] likbezz [14.07.2010, 06:28]

bad-designer,
На секунду, подключи мои стили, в смысле - правленные мною .... ヅ

Code

А свои, временно отключи.

Flesh

[11] likbezz [14.07.2010, 06:32]

Quote (bad-designer)

likbezz, ну как? Красиво смотрится с IE восьмой?

так же как и в седьмой .... ヅ
А теперь скриншот вот этой страницы ... http://likbezz.ucoz.ru/_exampl....l4.html ... ヅ

[12] bad-designer [14.07.2010, 06:32]

Quote (likbezz)

<?if($USER_AGENT$='ie')?>для ие <?else?>для не ие <?endif?>

Ночью этот код пробывал... не работает sad

Quote (likbezz)

.comments_blocks { position: relative; min-height:80px; /* Для нормальных */ margin-top: 4px; } *+html .comments_blocks{ height:80px; /* Для MSIE 7+ */ }

и этот тоже не работает sad

[13] likbezz [14.07.2010, 06:37]

bad-designer,

Quote (bad-designer)

и этот тоже не работает sad

.... Всё работает, просто не в «height» проблема ... А реботает или нет - элементарно проверить ....

Quote (CSS)

*+html .comments_blocks{
height:80px;
color:#F00!important;
}

Скриншот ..... (большой) (Под ИЕ v7 ... с капейками)

[14] bad-designer [14.07.2010, 06:46]

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

Добавлено (14.07.2010, 06:46)
---------------------------------------------

Quote (likbezz)

.... Всё работает, просто не в «height» проблема ... А реботает или нет - элементарно проверить ....

а в чем проблема???

[15] likbezz [14.07.2010, 06:46]

bad-designer,

Quote (bad-designer)

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

Обнови страницу несколько раз ... хеш засрался ...

Прикрепления: 7075947.png (64.9 Kb)

Страница 1 из 2
1
2
»