Фильтр по:
  

Настройка дизайна гостевой книги...

Гостевая книга

  • Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Гостевая книга » Настройка дизайна гостевой книги...
Настройка дизайна гостевой книги...
Дата: Среда, 14.07.2010, 02:55 |
bad-designer
Рядовой
Группа: Пользователи
Сообщений: 15
Награды: 0
Репутация: 0
Статус: Offline


 Столкнулся с такой проблемой как настройка дизайна вида комментариев... вроде все настроил в опере и мазиле вид нормальный а вот в 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/

 
Дата: Среда, 14.07.2010, 04:41 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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)

 
Дата: Среда, 14.07.2010, 05:29 |
bad-designer
Рядовой
Группа: Пользователи
Сообщений: 15
Награды: 0
Репутация: 0
Статус: Offline
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?

 
Дата: Среда, 14.07.2010, 05:56 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

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

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

Flesh

 
Дата: Среда, 14.07.2010, 06:10 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Quote (bad-designer)
Если я так пропишу то мой сайт исковеркает :-д , знаем ... проходили.

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

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

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

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

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

Flesh

 
Дата: Среда, 14.07.2010, 06:11 |
bad-designer
Рядовой
Группа: Пользователи
Сообщений: 15
Награды: 0
Репутация: 0
Статус: Offline


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

 
Дата: Среда, 14.07.2010, 06:18 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Quote (bad-designer)
Как в юкозе прописать условными операторами чтоб для всех IE выводилась одна информация а для других браузеров другая.

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

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

Flesh

 
Дата: Среда, 14.07.2010, 06:22 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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

 
Дата: Среда, 14.07.2010, 06:26 |
bad-designer
Рядовой
Группа: Пользователи
Сообщений: 15
Награды: 0
Репутация: 0
Статус: Offline


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

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

Сообщение отредактировал bad-designer - Среда, 14.07.2010, 06:27
 
Дата: Среда, 14.07.2010, 06:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


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

Code
<link type="text/css" rel="StyleSheet" href="http://likbezz.ucoz.ru/_example/sites/flashes-org-ru/my.css" />

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

Flesh

 
Дата: Среда, 14.07.2010, 06:32 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Quote (bad-designer)
likbezz, ну как? Красиво смотрится с IE восьмой?

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

 
Дата: Среда, 14.07.2010, 06:32 |
bad-designer
Рядовой
Группа: Пользователи
Сообщений: 15
Награды: 0
Репутация: 0
Статус: Offline
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

 
Дата: Среда, 14.07.2010, 06:37 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bad-designer,
Quote (bad-designer)
и этот тоже не работает sad

.... Всё работает, просто не в «height» проблема ... А реботает или нет - элементарно проверить ....
Quote (CSS)
*+html .comments_blocks{
height:80px;
color:#F00!important;
}

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

 
Дата: Среда, 14.07.2010, 06:46 |
bad-designer
Рядовой
Группа: Пользователи
Сообщений: 15
Награды: 0
Репутация: 0
Статус: Offline


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

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

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

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

 
Дата: Среда, 14.07.2010, 06:46 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 bad-designer,
Quote (bad-designer)
likbezz, подключил к гостевой но ничего не изменилось.

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


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

 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Гостевая книга » Настройка дизайна гостевой книги...
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:


Мобильная версия